当 editable={false} 时 React Native TextInput 变得透明 - 如何防止这种行为？答案

【问题标题】：React Native TextInput is made transparent when editable={false} - how to prevent this behaviour?当 editable={false} 时 React Native TextInput 变得透明 - 如何防止这种行为？
【发布时间】：2019-04-25 14:11:28
【问题描述】：

默认情况下，当 editable={false} 时，TextInput 中的文本似乎是半透明的。这似乎与通过样式对象传入的任何不透明度相结合 - 如果传入 opacity: 1 效果仍然会发生，如果传入 opacity: 0.5 则“禁用”不透明度约为 0.25。我怎样才能阻止这种行为？在 Android 上进行了测试，但也可能在 iOS 上发生。谢谢！

【问题讨论】：

你试过给颜色道具吗？

标签： react-native input

【解决方案1】：

我这样做解决了这个问题：

<View pointerEvents='none'>
  <TextInput
    ...
    editable={true}
  />
</View>

PointerEvents 文档：https://facebook.github.io/react-native/docs/view#pointerevents

【讨论】：