全屏编辑中的React-native文本输入颜色问题

时间:2017-09-12 01:28:05

标签: react-native react-native-android

Normal view Landscape view - full screen edit 在我的react-native android应用程序中,这是纵向和放大器中的相同文本框。景观。 我使用过 selectionColor & underlineColorAndroid 属性设置字体颜色。

<TextInput selectionColor={FormElements.textInputSelectionColor} underlineColorAndroid={FormElements.textInputSelectionColor} placeholder={"Email Address"} placeholderTextColor={FormElements.textInputPlaceholderColor} keyboardType="email-address" value={this.props.email}/>

但问题出在全屏编辑(在横向模式下),在白色背景下难以阅读。

所以我想要在全屏幕上将全屏编辑背景颜色或文字颜色改回黑色。

我试过了,但还没有找到解决方案。 Cam某人请给我一个解决方案吗?

此全屏弹出窗口仅显示横向模式。当没有足够的空间占据键盘时,它会出现。

3 个答案:

答案 0 :(得分:1)

我也遇到了这个问题。经过几个小时的探索,我发现了React Native TextInput的此属性“ disableFullscreenUI”

就我而言,我只希望普通输入编辑,而不显示全屏编辑器。

<TextInput disableFullscreenUI={true} />

,全屏模式将在编辑时消失,然后编辑将保留在TextInput中。

希望这会有所帮助

答案 1 :(得分:0)

react-native-orientation https://github.com/yamill/react-native-orientation/等库,可让您检查用户是否更改了屏幕方向。可以根据方向应用不同的样式。

但是,对于您提到的场景,我不认为根据方向更改颜色会对用户友好。我建议您使用在所有分辨率和方向上看起来都很好的标准颜色组合。

希望它有所帮助。

答案 2 :(得分:0)

这是RN的一个问题。我已将我的应用程序更新为RN V50.0(之前为V47.0)。现在上面的问题不再存在了。弹出时,TextBox会显示黑色字体。