import React, { useState } from 'react';

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

​

const CollapsibleView = () => {

  const [isCollapsed, setIsCollapsed] = useState(true);

​

  const toggleCollapse = () => {

    setIsCollapsed(!isCollapsed);

  };

​

  return (

    <View>

      <TouchableOpacity onPress={toggleCollapse}>

        <Text>Click to {isCollapsed ? 'expand' : 'collapse'}</Text>

      </TouchableOpacity>

      {!isCollapsed && (

        <View>

          <Text>Content inside the collapsible view</Text>

          {/* Add your content here */}

        </View>

      )}

    </View>

  );

};

​

export default CollapsibleView;