使用setNativeProps的React-Native更改文本

发布时间：2020-12-15 20:31:22 所属栏目：百科来源：网络整理

导读：有没有人想出一种方法来动态改变屏幕上的文字而不触发渲染？我的大部分屏幕都使用setNativeProps来移动部件,这意味着尽管使用了shouldComponentUpdate,但动画会变得滞后.出于样式原因,我想使用Text标签而不是this帖子中建议的TextInput标签解决方法. 最佳案

有没有人想出一种方法来动态改变屏幕上的文字而不触发渲染？

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

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

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!