最近在閱讀RN的文檔,但有一點深感遺憾的是——官方對絕大多數RN組件沒有用Gif圖或者靜態圖的方式呈現給大家。
所以我通過百度查詢,一個一個的查到了這些RN組件的UI表現圖,下面呈現給大家
閱前必讀
首先表示抱歉,我沒有注明每幅圖片的url來源,這是有原因的,因為當前有很多人的博客轉載他人的博客卻沒有注明出處,如果我莽撞地寫上我找到該圖片的url地址,那么可能反而會損害原作者本人,如果您看到這篇文章中使用了您的圖片,還請您通過評論或者私信告訴我,我將會將您的原創地址添加到圖片之后。當然圖片的使用權利在原作者本人,我悉聽尊便。
其他注意點⚠️
1.沒有UI表現,純功能性或者功能性為主的組件下面自然沒有列出樣式圖比如imgaPickerIOS,PushNotificationIOS, Dimensions,PixelRatio,Animated,CameraRoll,clipBoard,webView,backHandler,PermissionsAndroid,同時非常常用的基礎組件和交互組件也沒有加上去,因為他們在官網上都有
2.其中有部分樣式是在默認樣式基礎上經過修飾的,同時不能確定這是否是RN最新版本的呈現方式,但是萬變不離其宗,一般來說形態不會發生很大的變化
FlatList和SectionList
和一般化用途的ScrollView
不同,下面的列表組件只會渲染當前屏幕可見的元素,這樣有利於顯示大量的數據。
ActionSheetIOS
從設備底部彈出一個顯示一個ActionSheet彈出框選項菜單或分享菜單。
AlertIOS
彈出一個提示對話框,還可以帶有輸入框。
DatePickerIOS
顯示一個日期/時間選擇器。
ProgressViewIOS
渲染一個UIProgressView
進度條。
SegmentedControlIOS
渲染一個UISegmentedControl
頂部選項卡布局
TabBarIOS
渲染一個UITabViewController
底部選項卡布局
DatePickerAndroid
打開日期選擇器。
DrawerLayoutAndroid
渲染一個DrawerLayout
抽屜布局。
ProgressBarAndroid
渲染一個ProgressBar
進度條。
TimePickerAndroid
打開時間選擇器。
ToastAndroid
彈出一個Toast提示框。
ToolbarAndroid
在頂部渲染一個Toolbar
工具欄。
ViewPagerAndroid
可左右翻頁滑動的視圖容器。
ActivityIndicator
顯示一個圓形的正在加載的符號。
Alert
彈出一個提示框,顯示指定的標題和信息。
KeyboardAvoidingView
一種視圖容器,可以隨鍵盤升起而自動移動。
Modal
一種簡單的覆蓋全屏的模態視圖。
RefreshControl
此組件用在ScrollView
及其衍生組件的內部,用於添加下拉刷新的功能。
StatusBar
用於控制應用頂部狀態欄樣式的組件。