使用setNativeProps的React-Native更改文本

时间:2016-07-15 15:54:17

标签: text dynamic react-native

有没有人想出一种在不触发渲染的情况下动态改变屏幕上文本的方法?

我的大部分屏幕都使用setNativeProps来移动部件,这意味着尽管使用了shouldComponentUpdate,但动画会变得滞后。出于风格原因,我想使用Text标记而不是this帖子中建议的TextInput标记解决方法。

最佳案例场景是一种涉及setNaiveProps的解决方法,因为它将遵循屏幕其余部分的模式;但是,我目前计划在屏幕上渲染所有数字0-9,暂时将它们移动到位,所以任何帮助都将非常感谢!

1 个答案:

答案 0 :(得分:2)

事实证明,您实际上可以将TextInputs格式化为与Text元素完全相同的格式(来自我测试的内容)。要水平放置文本,您必须设置宽度(我以前遇到过麻烦)。但是对于仍然对原始问题感兴趣的人,可以将TextInputs嵌套在Text元素中(每个文本元素一个,因为没有任何理由,它会自动将它们放在一行中)。应用于文本元素的样式将应用于TextInput。