美文网首页
react native组件通信方式

react native组件通信方式

作者: IDO0 | 来源:发表于2017-07-03 14:41 被阅读0次

1:父组件给子组件通过props
2: 通过回调父组件传递一个函数 子组件将执行结果回传给父组件
3:通过ref方式引用组件调用方法,传递参数。
4:通过广播事件监听DeviceEventEmitter 注册监听事件
5:可以不通过state或者props来更新子view的属性
通过setNativeProps直接修改原生属性 通常用于高频率更新UI 以提升性能

View:
pointerEvents
accessible
accessibilityLabel
accessibilityComponentType
accessibilityLiveRegion
accessibilityTraits
importantForAccessibility
testID
renderToHardwareTextureAndroid
shouldRasterizeIOS
onLayout
onAccessibilityTap
onMagicTap
collapsable
needsOffscreenAlphaCompositing
style

Text(包括全部view):
isHighlighted
numberOfLines
ellipsizeMode
allowFontScaling
selectable
adjustsFontSizeToFit
minimumFontScale

Image包含View所有支持的属性, Android 与 IOS 略有不同。Android平台下,Image组件有children的时候 和 IOS支持的属性列表一样,如果Image没有children,那么它还包含如下属性:
src
defaultSource
loadingIndicatorSrc
resizeMode
progressiveRenderingEnabled
fadeDuration
shouldNotifyLoadEvents

6:如果使用redux 通过getstate获取全局唯一状态树

异步与原生通信: react与native异步交互的几种方式

相关文章

网友评论

      本文标题:react native组件通信方式

      本文链接:https://www.haomeiwen.com/subject/claacxtx.html