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)