- react native TextInput看不见（iOS平台）
- 巧妙修复React-Native TextInput无法输入中文
- React-Native TextInput不支持输入中文解决办
- ReactNative TextInput下文字无法居中
- React Native组件（四）TextInput组件解析
- React Native中KeyboardAvoidingVie
- React-Native 那些坑之TextInput
- React Native 上手 - 4.处理用户输入
- [React Native]高度自增长的TextInput组件
- 【React Native】React Native 移植原生i
如果设置了TextInput的父组件View的flexDirection: 'row'，则会导致TextInput看不见。此时，只需设置TextInput的width即可。例如：
<View style={{flexDirection: 'row'}}>
<TextInput style={{background:'red', width: 50}} />
</View>
如果上述代码去掉width: 50，就会看不到TextInput。
根据作者的理解，造成这个现象的原因：在iOS上，当设置了flexDirection: 'row'之后，就会导致默认宽度为0，所以看不见。
网友评论