[react-native]아코디언 메뉴 만들기

npm i accordion-collapse-react-native 

 

import { TouchableOpacity, Text, View, ScrollView, Image } from 'react-native';

 

 

<Collapse>
  <CollapseHeader>
     <View style={{}}>
          <Text>아코디언 리스트에 보일 제목</Text>
      </View>
   </CollapseHeader>
  <CollapseBody>
    <View style={{ }}>
       <Text>펼쳤을때 보일 내용 </Text>
    </View>
  </CollapseBody>
</Collapse>
<Collapse>
  <CollapseHeader>
     <View style={{}}>
          <Text>아코디언 리스트에 보일 제목</Text>
      </View>
   </CollapseHeader>
  <CollapseBody>
    <View style={{ }}>
       <Text>펼쳤을때 보일 내용 </Text>
    </View>
  </CollapseBody>
</Collapse>
<Collapse>
  <CollapseHeader>
     <View style={{}}>
          <Text>아코디언 리스트에 보일 제목</Text>
      </View>
   </CollapseHeader>
  <CollapseBody>
    <View style={{ }}>
       <Text>펼쳤을때 보일 내용 </Text>
    </View>
  </CollapseBody>
</Collapse>

 

 

 

 

https://www.npmjs.com/package/accordion-collapse-react-native

accordion-collapse-react-native

https://reactnativeexample.com/react-native-accordion-collapse-component/

React native Accordion/Collapse component