reactnative學習初級框架

先有框架,再有章節(jié),入門先從組件,樣式,api調(diào)用 三方面入手,類比其他語言的 視圖,樣式,數(shù)據(jù)處理

1、組件

常用組件

<View> <Text> <Image>
<ScrollView> <TextInput> <StyleSheet>

交互組件

<Button><Picker 選擇欄><Slider 滑條選擇><Switch 開關>

列表視圖

<FlatList><SectiionList 帶分組的列表>

其他組件

<ActivityIndicator 加載視圖><Alert 提示框>
<Animated 動畫> <CameraRoll 訪問相冊> 
<Dimensions 設備尺寸> <KeyboardAvoidingView 隨鍵盤彈起> <Linking 通用的接口調(diào)起其他應用><Modal 模態(tài)視圖> <PixelRatio 獲取設備像素> <RefreshControl 添加下拉刷新功能><StatusBar 控制頂部狀態(tài)欄組件> <WebView 顯示web內(nèi)容>

2、樣式

style={{
backgroundColor: '#f9c2ff',
height: 40,
width:
left:
top:
margin:
fontSize:
padding: 20,
marginVertical: 8,
marginHorizontal: 16,
borderColor: 'gray',
borderWidth: 1
...
}}

3、api

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

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

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