react-native 組件

react-native組件

組件:

1.ActivityIndicator顯示一個圓形的loading提示符號。

2.Button按鈕

3.DataPickerIOS? ios日期選擇組件

4.DrawerLayoutAndriod? andriod抽屜導(dǎo)航

5.FlatList? 高性能簡單列表組件

6.Image圖片組件

7.KeybordAvoiding View 手機(jī)上彈出的鍵盤常常會擋住當(dāng)前的視圖。本組件可以自動根據(jù)鍵盤的位置,調(diào)整自身的position或底部的padding,以避免被遮擋

8.ListView此組件已過期請用selection或FlatLIst替換

9.MaskedViewIOS遮罩渲染子視圖(添加炫酷的背景)

10.Modal? Modal組件可以用來覆蓋包含React Native根視圖的原生視圖(可用作彈框遮罩)

11.NavigatorIOS? IOS導(dǎo)航設(shè)置

12.Picker 渲染原生的選擇器(類似滾動地址選擇)

13.PickerIOS IOS選擇器?

14.ProgressBarAndroid? 安卓loading圖標(biāo)

15.ProgressViewIOS? IOS進(jìn)度條

16.RefreshControl? 這一組件可以用在ScrollView或ListView內(nèi)部,為其添加下拉刷新的功能。當(dāng)ScrollView處于豎直方向的起點(diǎn)位置(scrollY: 0),此時下拉會觸發(fā)一個onRefresh事件。

17.ScrollView滾動視圖列表

18.sectionList分組列表(例如電話本的列表)

19.SegmentedControlIOS? IOS分段選擇器

20.Slider 用于選擇一個范圍值的組件。(例如選擇音量的bar)

21.SnapshotViewIOS? IOS截圖

22.StatusBar? 用于控制應(yīng)用狀態(tài)欄的組件。

23.Switch? 開關(guān)按鈕

24.TabBarIOS? 帶IOS或Android后綴的組件(底部導(dǎo)航及)

25.TabBarIOS.Item? ? (底部導(dǎo)航的新消息通知數(shù)量)

26.Text? 文本標(biāo)簽

27.TextInput文本輸入框

28.ToolbarAndroid? 一個Toolbar可以顯示一個徽標(biāo),一個導(dǎo)航圖標(biāo)(譬如漢堡形狀的菜單按鈕),一個標(biāo)題與副標(biāo)題,以及一個功能列表。

29.TouchableHighlight? 本組件用于封裝視圖,使其可以正確響應(yīng)觸摸操作。當(dāng)按下的時候,封裝的視圖的不透明度會降低,同時會有一個底層的顏色透過而被用戶看到,使得視圖變暗或變亮。

30.TouchableWithoutFeedback 響應(yīng)用戶的點(diǎn)擊事件,如果你想在處理點(diǎn)擊事件的同時不顯示任何視覺反饋,使用它是個不錯的選擇。

31. TouchableOpacity相比TouchableHighlight在按下去會使背景變暗的效果,TouchableOpacity會在用戶手指按下時降低按鈕的透明度,而不會改變背景的顏色

32.TouchableNativeFeedback它會在用戶手指按下時形成類似水波紋的視覺效果。注意,此組件只支持Android。

33.View呈現(xiàn)的視圖

34.ViewPagerAndroid? 一個允許在子視圖之間左右翻頁的容器。每一個ViewPagerAndroid的子容器會被視作一個單獨(dú)的頁,并且會被拉伸填滿ViewPagerAndroid。(注意所有的子視圖都必須是純View)

35.VirtualizedList? ? FlatListandSectionList的底層實(shí)現(xiàn)。 通過維護(hù)一個有限的渲染窗口(其中包含可見的元素),并將渲染窗口之外的元素全部用合適的定長空白空間代替的方式,極大的改善了內(nèi)存消耗以及在有大量數(shù)據(jù)情況下的使用性能。

36.WebView? 用于包裹html的標(biāo)簽? (1.網(wǎng)址2.引用路徑3.直接寫html)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 基本資料 react-native version 0.34 官方參考資料 官方UI組件 View 視圖組件,相...
    一笑yo閱讀 1,477評論 2 0
  • 版本:React-native 0.47 設(shè)備當(dāng)前屏幕狀態(tài):AccessibilityInfo 顯示一個圓形的lo...
    AISpider閱讀 812評論 0 0
  • ScrollView 一個包裝了平臺的ScrollView(滾動視圖)的組件,同時還集成了觸摸鎖定的“響應(yīng)者”系統(tǒng)...
    一畝水塘閱讀 2,847評論 3 11
  • 1.React Native目前已有的組件ActivityIndicatorIOS:標(biāo)準(zhǔn)的旋轉(zhuǎn)進(jìn)度輪; DateP...
    Demon404閱讀 300評論 0 0
  • 天會陰,就會晴,總會有好運(yùn)的時候。 今天發(fā)生很多好事,一些困頓許久的問題得到解決,讓人心情愉快。從早上開始,不斷聽...
    心甲閱讀 220評論 1 0

友情鏈接更多精彩內(nèi)容