garganurag893 / react-native-phone-number-input

React Native component for phone number.
MIT License
372 stars 212 forks source link

I cannot change color on dropdown list icon because it's image that's why I am not able to changing it and also I cannot change placeholder text color please pass a prop that we will use on it #107

Open smuhammadtaha opened 2 years ago

smuhammadtaha commented 2 years ago
        <PhoneInput
          ref={phoneInput}
          defaultValue={value}
          defaultCode="US"
          layout="first"
          onChangeText={text => {
            setValue(text);
          }}
          onChangeFormattedText={text => {
            setFormattedValue(text);
            setCountryCode(phoneInput.current?.getCountryCode() || '');
          }}
          countryPickerProps={{withAlphaFilter: true}}
          // withDarkTheme
          withShadow
          autoFocus
          flagButtonStyle={{
            backgroundColor: '#000',
          }}
          containerStyle={{height: 60, borderRadius: 15}}
          textContainerStyle={{
            borderTopRightRadius: 15,
            borderBottomRightRadius: 15,
          }}
          textInputStyle={{height: 60, top: 1}}
          placeholder={'Enter Phone Number'}
        />
omarZaoujal99 commented 4 months ago

Hello

changing place holder color: textInputProps={{ placeholderTextColor: Colors.textTertiary }}

changing dropdown icon renderDropdownImage={<DropDownArrow height={RH(2)} width={RIW(24,24,RH(2))} fill={Colors.textPrimary} />}