betomoedano

expo init search_Filter_Tutorial

betomoedano

import React from "react";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { NavigationContainer } from "@react-navigation/native";

//screens
import HomeScreen from "./screens/HomeScreen";
import SettingsScreen from "./screens/SettingsScreen";
import StackScreen from "./screens/StackScreen";

betomoedano

import React from "react";
import { View, Text } from "react-native";

const StackScreen = () => {
    return (
        <View>
            <Text
                style={{
                    fontSize: 30,
                    textAlign: "center",

betomoedano

import React from "react";
import { View, Text } from "react-native";

const SettingsScreen = () => {
    return (
        <View>
            <Text
                style={{
                    fontSize: 30,
                    textAlign: "center",

betomoedano

import React from "react";
import { View, Text } from "react-native";

const HomeScreen = () => {
    return (
        <View>
            <Text
                style={{
                    fontSize: 30,
                    textAlign: "center",

betomoedano

import React from "react";
import { View, Text } from "react-native";

const HomeScreen = () => {
    return (
        <View>
            <Text
                style={{
                    fontSize: 30,
                    textAlign: "center",

betomoedano

import React, { useEffect, useState } from "react";
import { View, Text } from "react-native";

const HomeScreen = () => {

    const [data, setData] = useState([]);

    useEffect(() => {
        fetchData("https://randomuser.me/api/?results=20");
    }, []);

betomoedano

    return (
        <ScrollView>
            <Text style={styles.textFriends}>{data.length} Friends</Text>
            {
                data.map((item, index) => {
                    return (
                        <View key={index} style={styles.itemContainer}>
                            <Image
                                source={{ uri: item.picture.large }}
                                style={styles.image}

betomoedano

import React, {useEffect, useState} from "react";
import { View, Text, StyleSheet, TouchableOpacity, ScrollView, Image } from "react-native";
import { useNavigation } from "@react-navigation/native";

const HomeScreen = () => {

    const navigation = useNavigation();
    const [data, setData] = useState([]);
    const [filteredData, setFilteredData] = useState([]);
    

betomoedano

import React from 'react';
import type {PropsWithChildren} from 'react';
import {SafeAreaView, Text, ScrollView, StyleSheet, View} from 'react-native';

function Row({children}: PropsWithChildren): JSX.Element {
  return (
    <View
      style={{
        flexDirection: 'row',
        columnGap: 15,