0
223
Vistascómo agregar un menú emergente que desaparece a una lista plana en reaccionar nativo
Soy un poco nuevo para reaccionar nativo.
Estoy tratando de abrir un menú emergente desde una lista plana
por lo tanto, si el usuario hace clic en algo así como tres puntos en una esquina de cada elemento de la lista, aparece una ventana emergente con opciones en las que se puede hacer clic similares a las imágenes a continuación
Imagen 1- Estado inicial, antes de hacer clic en los tres puntos a la derecha de cada elemento de flatList 
Imagen 2- estado final, después de hacer clic en los tres puntos a la derecha de cada elemento de flatList 
Por favor, avíseme sobre cómo puedo lograr esto en reaccionar nativo
Gracias
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Le sugiero que use react-native-material-menu .
Código de ejemplo:
import React from 'react'; import React, { useState } from 'react'; import { View, Text } from 'react-native'; import { Menu, MenuItem, MenuDivider } from 'react-native-material-menu'; export default function App() { const [visible, setVisible] = useState(false); const hideMenu = () => setVisible(false); const showMenu = () => setVisible(true); return ( <View style={{ height: '100%', alignItems: 'center', justifyContent: 'center' }}> <Menu visible={visible} anchor={<Text onPress={showMenu}>Show menu</Text>} onRequestClose={hideMenu} > <MenuItem onPress={hideMenu}>Menu item 1</MenuItem> <MenuItem onPress={hideMenu}>Menu item 2</MenuItem> <MenuItem disabled>Disabled item</MenuItem> <MenuDivider /> <MenuItem onPress={hideMenu}>Menu item 4</MenuItem> </Menu> </View> ); }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta