react-native-swipeable-panel v1.1.4

Método de uso

Instale o package

npm i react-native-swipeable-panel

Importe o package na sua aplicação

import Panel from 'react-native-swipeable-panel';

Exemplo de uso

import React, { useState } from "react";
import { View, Text } from "react-native";
import Panel from "react-native-swipeable-panel";

export default function Page() {
  const [showPanel, setShowPanel] = useState(true);
  return (
    <View>
      <Panel show={showPanel} close={() => setShowPanel(false)}>
        <Text
          style={{
            marginVertical: 12,
            marginHorizontal: 24,
            flex: 1,
            alignSelf: "center",
            textAlign: "center",
            color: "black",
            fontWeight: "700",
            fontSize: 36,
          }}
        >
          Alexanderiscoding
        </Text>
      </Panel>
    </View>
  );
}

• show: Boolean | Mostrar/Ocultar o painel
• close: Function | Executa a função ao fechar o painel
• panelBackgroundColor: String | Altera cor de fundo padrão (Opcional)
• panelShadowColor: String | Altera cor de sombra padrão (Opcional)
• panelBarColor: String | Altera cor da barra padrão (Opcional)