react native中手风琴组件react-native-collapsible的使用方法

import React from 'react';
import { Text, View } from 'react-native';
import Collapsible from 'react-native-collapsible';
 
export default class CollapsibleExample extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      opened: false
    };
  }
 
  render() {
    return (
      <View style={{alignItems: 'center', justifyContent: 'center', flex: 1, marginTop: 50}}>
        <Text onPress={() => this.setState({ opened: !this.state.opened })}>点击我!</Text>
        <Collapsible collapsed={!this.state.opened}>
          <View style={{width: 200, height: 200, backgroundColor: 'red'}} />
        </Collapsible>
      </View>
    );
  }
}

这段代码展示了如何在React Native应用中使用react-native-collapsible组件来创建一个可折叠的视图。通过点击一个<Text>元素来改变组件的opened状态，从而实现视图的折叠和展开。