react-native - how can I create a select picker with several items and when one of these items is chosen it pulls the registered products from firebase someone

Question

   export default function FazerPedido(){
    const { userLojista: usuarioLojista } = useContext(AuthContextLojista);
    const { userLojista } = useContext(AuthContextLojista);
    const uid = userLojista && userLojista.uid; 

    const [piscinaDoPedido, setPiscinaDoPedido] = useState('');
    const [valorDaPiscina, setValorDaPiscina]= useState('');
    const [selecioneFabrica, setSelecioneFabrica] = useState(null);
//pulling products
useEffect(()=>{

            async function loadPiscinaDaFabrica(){
                await firebase.database().ref('usersFabrica').child(uid).child('piscinasCadastradas').on('value', (snapshot)=>{
                    setPiscinaDoPedido(snapshot.val().nomeDaPiscina)
                    setValorDaPiscina(snapshot.val().valorDaPiscina);
                })
            }
            loadPiscinaDaFabrica();
        },[]);

//flatlist return ( <TouchableWithoutFeedback onPress={()=> Keyboard.dismiss()}> {userLojista && userLojista.nomeDaLoja}

                <Title>Piscinas da Fabrica</Title>
                <ListPiscinasRecebidas
                showsVerticalScrollIndicator={false}
                data={nomeDaPiscina}
                keyExtractor={item=> item.toString()}
                renderItem={({ item }) => (<ListaDePiscina data={item} handleSelect={handleSelectPiscina}/>)}
                />

标签： react-nativeselectfirebase-realtime-database