显示反应原生文本输入字段之前的文本

  • Z时代
  • 2024-01-10
  • 分类：问答

我试图设计一个反应原生页面，在那里我试图建立一个文本在左边的窗体和相应的文本输入字段在右边screen.Like下面的例子显示反应原生文本输入字段之前的文本

这是我试图写它，但它不显示文本输入字段。

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

我已经实现，在react.js，因为我很熟悉的造型的网页。但是我在反应本土方面相当新，并且无法弄清楚如何做到这一点。我已经阅读了react-native-material-textfield的文档，但它并没有真正提供我需要的东西。任何帮助将不胜感激。

回答：

你可以尝试这样的事情。

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

而在行中，您可以使用样式表flexDirection: 'row'。可能需要一些其他的调整。

回答：

试试这个我添加了内嵌样式。

<View style={{flexDirection:"row",alignItems:'center'}}>  
     <Text>Name:</Text>  
     <TextInput  
     underlineColorAndroid='transparent'  
     style={{borderColor: 'gray', borderWidth: 1}}  
     value="placeholder"  
     />  
     </View>

以上是 显示反应原生文本输入字段之前的文本 的全部内容， 来源链接： utcz.com/qa/263221.html

回到顶部