Michael_Jheng的部落格

React Native提供一套用於顯示數據列表工具,可用方法有FlatList與SectionList,這裡先介紹FlatList,FlatList需要用到data和renderItem這兩工具,data是列表資料來源,renderItem獲取一個資料，並返回一個格式化後的資料進行顯示,程式寫法如下:

ScrollView為滾動功能,可以進行垂直與水平滾動,垂直滾動為預設功能,水平可藉由horizontal屬性來完成,這裡先示範水平滾動功能,首先介紹ScrollView為這次標籤,如下所示,

ScrollView為滾動功能,可以進行垂直與水平滾動,垂直滾動為預設功能,水平可藉由horizontal屬性來完成,這裡先示範垂直滾動功能,首先介紹ScrollView為這次標籤,如下所示,

onPressIn與onPressOut分別是開始點擊與點擊結束,按住不放就會執行onPressIn裡的方法,只要放手就會執行onPressOut裡的方法,

disabled是Touchable系列中最常使用的屬性,通常用於禁止按鈕觸發點擊事件,方法如下,

如果在處理觸控事件時不要顯示任何視覺反饋,使用TouchableWithoutFeedback是個不錯的選擇,下面介紹TouchableWithoutFeedback之方法

汐止台灣科學園區每到週五,這間鷗鷺•咖啡義式餐廳必定高朋滿座,非常適合在小週末與朋友同事聚餐的好去處^^

TouchableOpacity在觸控後會使物件變透明,在撰寫時可以設定透明度,首先介紹TouchableOpacity為這次觸控標籤,如下所示,

介紹TouchableHighlight可以使用的方法,

TouchableHighlight是當觸發時,可顯示出底色,而要使圖片能有觸發效果,可以使用<TouchableHighlight>來完成,首先在解構指派增加 Alert ,Image與TouchableHighlight, Alert 為彈出視窗,Image為圖片,TouchableHighlight為這次觸控標籤,如下所示,