React native 在全屏编辑中反应本机文本输入颜色问题
在我的react原生android应用程序中,这是纵向和横向视图中相同的文本框。 我使用了selectionColor和underlineColorAndroid属性来设置字体颜色React native 在全屏编辑中反应本机文本输入颜色问题,react-native,react-native-android,React Native,React Native Android,在我的react原生android应用程序中,这是纵向和横向视图中相同的文本框。 我使用了selectionColor和underlineColorAndroid属性来设置字体颜色 <TextInput selectionColor={FormElements.textInputSelectionColor} underlineColorAndroid={FormElements.textInputSelectionColor} placeholder={"Email Address"}
<TextInput selectionColor={FormElements.textInputSelectionColor} underlineColorAndroid={FormElements.textInputSelectionColor} placeholder={"Email Address"} placeholderTextColor={FormElements.textInputPlaceholderColor} keyboardType="email-address" value={this.props.email}/>
但问题在于全屏编辑(在横向模式下)很难在白色背景下阅读
所以,我想改变使全屏编辑背景色或文本颜色回到全屏黑色
我试过了,但还没找到解决办法。
有人给我一个解决办法吗
这个全屏弹出窗口不仅仅出现在横向模式下。当没有足够的空间来占用键盘时,它就会出现。有一些lib,例如
react native orientation
,允许您检查用户是否更改了屏幕方向。可以根据方向应用不同的样式
但是,对于您提到的场景,我认为根据方向改变颜色并不方便用户。我建议您使用在所有分辨率和方向上都看起来很好的标准颜色组合
希望有帮助。这是RN的问题。我已将我的应用程序更新为RN V50.0(之前是V47.0)。现在,上述问题已经不存在了。文本框在弹出时显示黑色字体 我也遇到了这个问题。经过几个小时的探索,我发现了React Native TextInput的这个属性“disableFullscreenUI” 在我的情况下,我只需要正常的输入编辑,而不显示全屏编辑器
<TextInput disableFullscreenUI={true} />
编辑后,全屏模式将消失,然后编辑将保留在文本输入中
希望这能有所帮助谢谢,但我见过应用程序能做到这一点。这实际上与屏幕的方向无关。我可以使用onLayout事件检查方向。这里的问题是,当没有足够的空间占据键盘时,会弹出这个全屏编辑器。我见过一些应用程序的文本框背景为黑色,文本为白色。当使用全屏编辑器时,它会变成白色背景中的黑色文本。保存了我的一天!谢谢