Michael_Jheng的部落格

智慧手機可讓用戶使用手指做到點擊按鈕,滾動列表,放大地圖,這裡先介紹點擊按鈕,程式方面首先在解構指派增加 Alert 與Button, Alert 為彈出視窗,Button為按鈕,如下所示,

文字輸入在解構指派需增加TextInput,如下程式,

flexbox可指定子類別的怖局,通常是使用flexDirection，alignItems以及justifyContent來實現正確佈局

使用flex組件之style,可根據可用空間大小動態調整,使用flex: 1設置組件填充所有空間,在此父類別下每個子類別組件之間將平均分配,空間分配採用比例分配,子類別比例越高空間越大,如果子類別為0(flex: 0),將不會分配

設置組件尺寸最簡單的方法是添加width與height之固定尺寸

使用React Native,就不需要使用特殊語言或語法來定義樣式,樣式名稱與參數值跟CSS相同,所有的核心組件都接受一個名稱為style,CSS名稱要用camel方式撰寫,例如CSS中文字大小font-size,改寫成camel方式為fontSize

props和state是資料控制組件,props為父類別, 在組件內都的生命週期為固定,要更改資料就必須使用state,正常來說,state在構造函數中初始化後,在要更改資料的地方使用setState

自定義組件使用props,製作一個可以在應用程式之不同位置使用的組件,每個組件的屬性略有不同,這裡只演示this.props在render的功能,

<Image>是HTML圖片顯示標籤,在<Image>裡輸入圖片來源,例如

<Text>是HTML文字顯示標籤,在<Text>與</Text>之間輸入要顯示的文字,例如