белый контент на iphone response-native-phone-input

Question

Я использую response-native-phone-input , чтобы мои пользователи могли добавлять номер телефона.

Проблема в том, что в некоторых версиях iOS я не совсем почему текст белый. На моем iPhone у меня нет проблем, кроме одного из моих пользователей, который iPhone xs max все белое

Эта библиотека хороша, но не действительно поддерживается

Я использую его вот так

<PhoneInput
    style={styles.input}
    ref={ref => { this.phone = ref }}
    initialCountry={this.state.region}
    value={this.props.number}
    allowZeroAfterCountryCode={false}
/>

И стиль

input: {
        padding: 5,
        borderRadius: 4,
        borderWidth: 1,
        borderColor: '#000',
        marginBottom: 10,
        color: '#000'
    }

Я добавил черный цвет, чтобы быть уверенным, но у меня все еще есть проблема с некоторыми устройства

Answer 1

Проблема, с которой вы столкнулись, связана с darkMode из iOS. В случае темного режима в iOS цвет ввода текста становится белым, если в стиле ввода текста не указан какой-либо цвет. style, который вы используете, не настроен на ввод текста. Попробуйте передать черный цвет в опоре textProps, например:

<PhoneInput
    textProps={{
        style: {
            color: '#000000'
        }
    }}
    ref={ref => { this.phone = ref }}
    initialCountry={this.state.region}
    value={this.props.number}
    allowZeroAfterCountryCode={false}
/>

Если вы хотите отключить эффект темного режима для всего приложения, вы можете добавить UIUserInterfaceStyle в файл Info.plist в iOS например:

<key>UIUserInterfaceStyle</key>
    <string>Light</string>