1. 程式人生 > >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獲取全域性唯一狀態樹