文本输入上的水平滚动

我有两个输入文本。首先是一封电子邮件，当我写入的文本多于此输入的宽度时，问题就出现了，其余的文本看不到。正常行为会水平滚动以查看文本的其余部分，对吗？文本输入上的水平滚动

我不知道我是否错过了一些东西，但它不起作用。

下面是示例代码：rnplay.org

编辑：这是我想要得到的效果，这是从UI资源管理器实例从官方阵营本地回购：

谢谢！

来源

2016-01-25 JV Lobo

我已经能够解决它。

我不知道为什么，但问题来了，如果我同时设置paddingTop和paddingBottom来到输入文本。

如果我删除其中的一个，然后输入文本完美的作品，这里有一个例子：Input text working well

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

谢谢。

来源

2016-01-26 18:49:42

我扔了哈克的事情一起here，基本上包裹的TextInput水平滚动型：

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方法来设置宽度使它更好（当然，本地方式当然是理想的）。

在源代码中根本看不到任何配置，但希望有人能得到更好的答案！

来源

2016-01-25 23:21:12

感谢您的回答纳德。难道我想要什么？我只想要一条线，当文本到达右侧时，它就会向前移动。你知道我的意思吗？ –

嘿，对不起没有意识到你说的水平！我已经更新了我的答案，祝你好运。 –

在来自Real Native官方存储库的UI Explorer示例中，它运行良好，但我在代码中没有看到任何特别的内容，所以我不知道该怎么做！我用一个显示效果的gif编辑了我的问题。 –

文本输入上的水平滚动

回答

相关问题