「React NativeとExpoで作るiOS・Androidアプリ開発入門 2/3」の感想・備忘録

点数

67

感想

ModalとSectionListは参考になったが、それ以外は特に有用な情報はなかった。

コンポーネント

Modal

<Modal visible={isVisible}>
  <View style={{ flex: 1,  alignItems: 'center',justifyContent: 'center',backgroundColor: "#ccc" }}>
    <Text>これはModalです</Text>
    <Button title="Modal非表示" onPress={() => setIsVisible(false)}/>
  </View>
</Modal>
<Button title="Modal表示" onPress={() => setIsVisible(true)}/>

SectionList

const SectionArr = [
  { title: 'グループ1' , data: ["aaa", "bbb"]},
  { title: 'グループ2' , data: ["111", "222"]},
]
〜省略〜
<SectionList sections={SectionArr} 
  renderItem={ ({ item }) =><Text>{item}</Text> } 
  renderSectionHeader={({ section }) => <Text style={{color: "#f00"}}>{section.title}</Text>}
/>

コメント

タイトルとURLをコピーしました