【React-Native】React-Native組件樣式合集


最近在閱讀RN的文檔,但有一點深感遺憾的是——官方對絕大多數RN組件沒有用Gif圖或者靜態圖的方式呈現給大家。
所以我通過百度查詢,一個一個的查到了這些RN組件的UI表現圖,下面呈現給大家
 
閱前必讀
首先表示抱歉,我沒有注明每幅圖片的url來源,這是有原因的,因為當前有很多人的博客轉載他人的博客卻沒有注明出處,如果我莽撞地寫上我找到該圖片的url地址,那么可能反而會損害原作者本人如果您看到這篇文章中使用了您的圖片,還請您通過評論或者私信告訴我,我將會將您的原創地址添加到圖片之后。當然圖片的使用權利在原作者本人,我悉聽尊便。
 
其他注意點⚠️
1.沒有UI表現,純功能性或者功能性為主的組件下面自然沒有列出樣式圖比如imgaPickerIOS,PushNotificationIOS,  Dimensions,PixelRatio,Animated,CameraRoll,clipBoard,webView,backHandler,PermissionsAndroid,同時非常常用的基礎組件和交互組件也沒有加上去,因為他們在官網上都有
2.其中有部分樣式是在默認樣式基礎上經過修飾的,同時不能確定這是否是RN最新版本的呈現方式,但是萬變不離其宗,一般來說形態不會發生很大的變化

FlatListSectionList

和一般化用途的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

用於控制應用頂部狀態欄樣式的組件。 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM