繁体   English   中英

在本机基础输入上写入默认文本

[英]Write Default Text on Native-Base Input

我通过将字符串传递给它来调用这样的组件:

  <TripsPage
          startingPoint={startingPoint}
        />

现在在这个组件中,我有这个 label:

<Item fixedLabel>
              <Input/>
            </Item>

在前端,当我们打开这个屏幕时,它显然是空的。 但我希望startingPoint字符串作为默认输入值出现在它上面。 那可能吗?

您可以使用TextInput 它具有名为 value 的属性,您可以通过它提供默认文本。 它几乎没有像onChangeText这样的事件,它会在 textInput 值发生变化时给我们事件。 有关更多详细信息,请查看https://reactnative.dev/docs/textinput

<TextInput
      style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
      onChangeText={text => onChangeText(text)}
      value={props.startingpoint}
    />

<input>和<textarea></textarea>未在 native-base 中对齐,React Native&lt;/div&gt;<div id="text_translate"><p> 我想使用原生基础将单行输入和多行输入放入表单中,但它们未正确对齐垂直线。 有什么我遗漏的或者不应该一起使用的吗? 谢谢你。</p><p> package.json 的一部分</p><pre> "expo": "~37.0.3", "native-base": "2.13.8", "react": "~16.9.0", "react-dom": "~16.9.0", "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",</pre><p> 我的代码</p><pre class="lang-js prettyprint-override"> &lt;Content padder&gt; &lt;Form&gt; &lt;Item regular floatingLabel&gt; &lt;Label style={{paddingTop: 2}}&gt;Label&lt;/Label&gt; &lt;Input onChangeText={url =&gt; setUrl(url)}/&gt; &lt;/Item&gt; &lt;Textarea rowSpan={5} onChangeText={content =&gt; setContent(content)} bordered placeholder="this is textarea" /&gt; &lt;/Form&gt; &lt;/Content&gt;</pre><p> <a href="https://i.stack.imgur.com/gSyge.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gSyge.png" alt="模拟器截图"></a></p><p> ========已编辑</p><p>我找到了答案,只需将 floatingLabel 替换为常规。 但是,占位符仍未对齐。</p><pre class="lang-js prettyprint-override"> &lt;Item regular&gt; &lt;Label&gt;URL&lt;/Label&gt; &lt;Input onChangeText={url =&gt; setUrl(url)}/&gt; &lt;/Item&gt;</pre><p> <a href="https://i.stack.imgur.com/kWwZs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kWwZs.png" alt="在此处输入图像描述"></a></p></div>

[英]<Input /> and <Textarea /> are not aligned in native-base, React Native

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 <input>和<textarea></textarea>未在 native-base 中对齐,React Native&lt;/div&gt;<div id="text_translate"><p> 我想使用原生基础将单行输入和多行输入放入表单中,但它们未正确对齐垂直线。 有什么我遗漏的或者不应该一起使用的吗? 谢谢你。</p><p> package.json 的一部分</p><pre> "expo": "~37.0.3", "native-base": "2.13.8", "react": "~16.9.0", "react-dom": "~16.9.0", "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",</pre><p> 我的代码</p><pre class="lang-js prettyprint-override"> &lt;Content padder&gt; &lt;Form&gt; &lt;Item regular floatingLabel&gt; &lt;Label style={{paddingTop: 2}}&gt;Label&lt;/Label&gt; &lt;Input onChangeText={url =&gt; setUrl(url)}/&gt; &lt;/Item&gt; &lt;Textarea rowSpan={5} onChangeText={content =&gt; setContent(content)} bordered placeholder="this is textarea" /&gt; &lt;/Form&gt; &lt;/Content&gt;</pre><p> <a href="https://i.stack.imgur.com/gSyge.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gSyge.png" alt="模拟器截图"></a></p><p> ========已编辑</p><p>我找到了答案,只需将 floatingLabel 替换为常规。 但是,占位符仍未对齐。</p><pre class="lang-js prettyprint-override"> &lt;Item regular&gt; &lt;Label&gt;URL&lt;/Label&gt; &lt;Input onChangeText={url =&gt; setUrl(url)}/&gt; &lt;/Item&gt;</pre><p> <a href="https://i.stack.imgur.com/kWwZs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kWwZs.png" alt="在此处输入图像描述"></a></p></div> Native-Base 3:菜单项的 Onpress 在 iOS 上,当显示键盘时,本机基础输入滚动(隐藏) 删除按钮轮廓本机基础 zIndex doot可在本机卡上运行-反应本机 如何在反应原生中更改基于原生的 Picker fontSize 和 fontFamily? 无法在 ScrollView 内滚动原生 FlatList 如何在“选择”组件本机基础中有一个搜索栏 反应原生:有没有办法只在原生库的手风琴的 3 选项卡中定位图标? React-Native native-base 如何减少卡片项目之间的间距?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM