如何实现具有固定布局的动画组件在原生反应
问题描述:
我想知道如何实现具有固定布局但频繁更新其显示的组件。如何实现具有固定布局的动画组件在原生反应
假设它是一个需要被捆绑到一些应用程序状态就像秒表计时元素: stop watch timer with hundredths of seconds http://a1.mzstatic.com/us/r30/Purple4/v4/6d/90/6d/6d906de5-bde0-7a95-c9bd-212a698207bd/screen520x924.jpeg
如果定时器运行,那么秒的百分之应该每一帧上滴答作响。但在反应本机中,我的直觉就是使这个元素成为一个<Text>00:12.36</Text>
元素。
明显调用render()
是错误的。创建本地模块是唯一的选择吗?还是有一些机制来驱动纯js内频繁的显示更改?在这种情况下是否有最佳做法?
答
Checkout setNativeProps它允许直接设置文本(和元素的其他属性)。我这里还有docs
您可以设置<Text>
组件的文本 this._textInput.setNativeProps({text: '00:12:36'});
看看[动画](https://facebook.github.io/react-native/docs/animated。 html)API。 '请注意,Animated被设计为完全可序列化的,因此可以以高性能方式运行动画,而不依赖于正常的JavaScript事件循环。 – MiniW