2016-07-15 114 views
5

有没有人想出一种方法来动态改变屏幕上的文本而不触发渲染?带有setNativeProps的React-Native更改文本

我的屏幕很大一部分利用setNativeProps移动零件,这意味着尽管使用了shouldComponentUpdate,但动画会变得滞后。我想使用文本标签,而不是文字原因在this后建议的TextInput标签解决方法。

最佳案例场景是一个涉及setNaiveProps的解决方法,因为它将遵循屏幕其余部分的模式;不过,我目前计划在屏幕上将所有数字0-9都移动到位,所以任何帮助都将不胜感激!

回答

2

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