文本输入的水平滚动

Question

我有两个输入文字。第一个用于发送电子邮件，问题出现在我写的文本多于此输入的宽度时，文本的其余部分没有看到。正常的行为是水平滚动以查看文本的其余部分，对吗？

我不知道我是否遗漏了某些东西，但它不起作用。

以下是示例代码：rnplay.org

编辑：这是我想要的效果，这是来自官方React Native回购的UI Explorer示例：

谢谢！

Answer 1

我能够解决它。

我不知道为什么，但如果我将 paddingTop 和 paddingBottom 都设置为输入文本，就会出现问题。

如果我删除其中一个，那么输入文字就能完美运行，这是一个例子：Input text working well

我希望这也可以帮助别人。

感谢。

Answer 2

我把一个hacky的东西放在一起here，基本上将TextInput包装在一个水平的ScrollView中：

https://rnplay.org/apps/q7M2Pg

<View style={{ backgroundColor: 'white', overflow: 'hidden' }}>
  <ScrollView horizontal={true} style={{ marginBottom:-7 }}>                        
     <TextInput
        style={ [styles.loginFormInput, {width:width}] } />
  </ScrollView>
</View>

理论上为了使这更好，您可以调用onChangeText方法来设置宽度以使其更好（当然，当然的方式是理想的）。

根本没有在源代码中看到任何配置，希望有人可以提供更好的答案！