React native React Native Flexbox将项目垂直对齐

React native React Native Flexbox将项目垂直对齐,react-native,flexbox,React Native,Flexbox,我是新的反应本机,并希望在容器中垂直显示项目。但由于某些原因,我无法在Android上看到文本输入。 首先,我没有在iOS上看到它,但通过在文本输入中添加位置:“absolute”,我可以在iOS上看到它,android仍然缺失。我不知道为什么。(我正在使用wix/react本机ui库) 从“React”导入React; 从“react native ui lib”导入{视图、文本输入、文本、按钮、图像}; 类MainScreen扩展了React.Component{ 构造函数(){ 超级()

我是新的反应本机,并希望在容器中垂直显示项目。但由于某些原因,我无法在Android上看到文本输入。 首先,我没有在iOS上看到它,但通过在文本输入中添加
位置:“absolute”
,我可以在iOS上看到它,android仍然缺失。我不知道为什么。(我正在使用wix/react本机ui库)

从“React”导入React;
从“react native ui lib”导入{视图、文本输入、文本、按钮、图像};
类MainScreen扩展了React.Component{
构造函数(){
超级();
}
render(){
返回(
+43
);
}
}
常量样式={
主要内容:{
弹性:1,
flexDirection:“列”
},
电话亭:{
弹性:1,
flexDirection:“行”,
对齐项目:“拉伸”
}
};
导出默认主屏幕;

已编辑:看起来您正在使用的库存在问题,设置flex:0并为android和ios添加宽度修复。您可以在两个Apetizer中查看演示

<TextInput
   style={{width: 250, flex: 0}}
   text50
   placeholder="Handynummer eingeben"
   hideUnderline={true}
/>


这里有一个

哦,很抱歉,我没有看到您正在使用wix/react native ui lib。非常感谢您参与我的问题并提供解决方案。它起作用了!
<TextInput
   style={{width: 250, flex: 0}}
   text50
   placeholder="Handynummer eingeben"
   hideUnderline={true}
/>