Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 在react native中的文本输入字段之前显示文本_React Native - Fatal编程技术网

React native 在react native中的文本输入字段之前显示文本

React native 在react native中的文本输入字段之前显示文本,react-native,React Native,我试图在react native中设计一个页面,在这里我试图构建一个表单,其中文本位于左侧,相应的文本输入字段位于屏幕右侧 这是我试图编写它的方式,但它没有显示文本输入字段 电邮: 您可以尝试这样的方法 <View style={styles.row}> <Text> Email: </Text> <TextInput placeholder="Enter email" underlineColorAndro

我试图在react native中设计一个页面,在这里我试图构建一个表单,其中文本位于左侧,相应的文本输入字段位于屏幕右侧

这是我试图编写它的方式,但它没有显示文本输入字段


电邮:

您可以尝试这样的方法

<View style={styles.row}>
  <Text>
    Email: 
  </Text>
  <TextInput 
    placeholder="Enter email" 
    underlineColorAndroid='transparent' 
    style={styles.TextInputStyleClass} 
  />
</View>

电邮:

在行中,您可以使用样式表
flexDirection:“行”
。可能还需要一些其他的调整

你可以试试这样的东西

<View style={styles.row}>
  <Text>
    Email: 
  </Text>
  <TextInput 
    placeholder="Enter email" 
    underlineColorAndroid='transparent' 
    style={styles.TextInputStyleClass} 
  />
</View>

电邮:

在行中,您可以使用样式表
flexDirection:“行”
。可能还需要一些其他的调整

试试这个,我添加了内联样式


姓名:

试试这个,我添加了内联样式


姓名:

这只是在文本下方显示文本输入字段,而不是在其右侧。您是否尝试将样式flexDirection:“row”放在视图上?如果你这样做了,那就是组件大小的问题,你需要减少TextInput的大小。是的,我这样做了。我想我也需要对我的文本输入样式进行一些更改。这只是在文本下方显示文本输入字段,而不是在其右侧。您是否尝试将样式flexDirection:“行”放在视图上?如果你这样做了,那就是组件大小的问题,你需要减少TextInput的大小。是的,我这样做了。我想我也需要对我的文本输入样式做一些更改。