search

xgfe / react-native-datepicker

react native datePicker component for both Android and IOS, useing DatePikcerAndroid, TimePickerAndroid and DatePickerIOS
MIT License
2.12k stars 726 forks source link

Cannot adjust placeholder textcolor to a near transparent color #337

Open aravi365 opened 5 years ago

aravi365 commented 5 years ago

Issue

Tried to change the placeholder text color with an 'rgba(161, 161, 161, 0.3)' value, but the color appeared different on android and ios. In case of iOS, i got the expected result.

Expected Behavior

Simulator Screen Shot - iPhone 6 - 2019-04-26 at 12 33 13 iOS Screenshot_1556262187 Android

Code


customStyles={{
                  dateInput: {
                    borderWidth: 0,
                    alignItems: "flex-start"
                  },
                  placeholderText: {
                    fontSize: 34,
                    color:'rgba(161, 161, 161, 0.3)' ,
                    paddingLeft: 10,
                    paddingTop: 10,
                    width: width
                  },
                  dateText: {
                    fontSize: 18,
                    paddingLeft: 10,
                    paddingTop: 10,
                    width: width
                  },
                  dateTouchBody: { borderWidth: 0, fontSize: 18 }
                }}```

### Environment

1. "react-native": "0.57.7",
2. "react-native-datepicker": "^1.7.2",
kelement commented 5 years ago

Our component does not handle this style.

AmitPandya007 commented 5 years ago

@kelement how can I change the date text size and color, will you please tell?

hiteshkamani commented 4 years ago

did you find solution for this?