当前位置:   article > 正文

react native组件通信方式_react-native 组件的通讯方式

react-native 组件的通讯方式

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异步交互的几种方式

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/134277
推荐阅读
相关标签
  

闽ICP备14008679号