论坛 › 知识问答 › javascript - 如何在一行中创建 TextInputs？ ( react 原生)

菜鸟教程小白 发表于 2022-12-12 17:29:59

javascript - 如何在一行中创建 TextInputs？ ( react 原生)

                                            <p><p>我正在尝试在一行中创建 3 个 TextInput，但是当我编写 flexDirection: 'row' 时它不起作用(我在设备上看不到任何文本输入)。</p>

<pre><code>var SampleApp = React.createClass({
render: function() {
return (
&lt;View style={styles.container}&gt;
    &lt;View style={styles.textInputWrapper}&gt;
      &lt;TextInput style={styles.textInput}
      placeholder=&#39;Month&#39;
      placeholderTextColor=&#34;#d3d3d3&#34;
      /&gt;
    &lt;/View&gt;
    &lt;View style={styles.textInputWrapper}&gt;
      &lt;TextInput style={styles.textInput}
      placeholder=&#39;Day&#39;
      placeholderTextColor=&#34;#d3d3d3&#34;
      /&gt;
    &lt;/View&gt;
    &lt;View style={styles.textInputWrapper}&gt;
      &lt;TextInput style={styles.textInput}
      placeholder=&#39;Year&#39;
      placeholderTextColor=&#34;#d3d3d3&#34;
      /&gt;
    &lt;/View&gt;
&lt;/View&gt;
);
}
});

var styles = StyleSheet.create({
container: {
flex: 1,
flexDirection: &#39;row&#39;
}
});
</code></pre></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您需要为每个组件添加样式。希望有所帮助。 </p>

<pre><code> var styles = StyleSheet.create({
container: {
    flex: 1,
    flexDirection: &#39;row&#39;
},
textInputWrapper: {
   flex:1,
   height: 50,
   borderColor:&#39;red&#39;,
   borderWidth: 2,
},
textInput:{
flex:1,
}
</code></pre>

<p>});</p></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - 如何在一行中创建 TextInputs？ ( react 原生)，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/34084391/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/34084391/
                                                        </a>
                                                </p>
                                       

查看完整版本: javascript - 如何在一行中创建 TextInputs？ ( react 原生)