Recriei a interface do Gmail com React Native + Expo Router + Tailwind

Поділитися
Вставка
  • Опубліковано 8 лют 2025

КОМЕНТАРІ • 175

  • @CesarCanoff_
    @CesarCanoff_ Рік тому +14

    O Rodrigo é um dos melhores canais para aprender React Native, o cara é simplesmente sensacional!

    • @orodrigogo
      @orodrigogo  Рік тому

      Que incrível e que honra! 🤩

  • @gabrielramos2166
    @gabrielramos2166 Рік тому +3

    Sensacional, clonar o app do Airbnb ou Pinterest seria sensacional. Valeu pelo conteúdo de qualidade

    • @orodrigogo
      @orodrigogo  Рік тому +1

      Opa, fico muito feliz que curtiu e excelente sugestão. Obrigado pela contribuição. Anotado aqui 🤩

  • @claytonguedes1138
    @claytonguedes1138 11 місяців тому +1

    Muito bom, Rodrigo! Incentivo a criação de uma área de membros para oferecer mais conteúdo de qualidade sobre React Native, já tem o meu apoio! 🚀

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Excelente sugestão. Vou criar e vamos juntos nessa! 🚀

  • @marcelocosta8744
    @marcelocosta8744 Рік тому +2

    A didática do Rodrigo é muito top!!!

  • @beneditonamburete1218
    @beneditonamburete1218 Рік тому +3

    Simplesmente sensacional... Mais desses vídeos 🇲🇿🇲🇿🇲🇿

    • @orodrigogo
      @orodrigogo  Рік тому

      Opa, vou trazer mais vídeos assim. Fico feliz que gostou. Valeeeu 🤩

  • @sombrakey
    @sombrakey Рік тому

    Só os 'de verdade' assistiram até o final!
    Ótimo conteúdo, obrigado por postar!

  • @weslenfm
    @weslenfm 11 місяців тому

    Um dos poucos canais de clonagem de interface em Português, Top d+, clona o Start+ ele tem umas tabs na página details com views de tamanhos diferentes e tudo animado, é muito daora...

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Que honra, fico feliz. E muito obrigado pela sugestão 🤩

  • @vitor.lins.93
    @vitor.lins.93 2 місяці тому

    Perfeito!!! sem enrolação e extremamente didático.

  • @batistaromao7180
    @batistaromao7180 8 місяців тому

    de longe o melhor canal do youtube, odiava react na web, mas gostei demais no mobile por sua causa, descomplicou demais!!

    • @orodrigogo
      @orodrigogo  8 місяців тому

      Que honra. Muitoooo obrigado 🤩

  • @olimpioadolfo7498
    @olimpioadolfo7498 11 місяців тому

    Lembro de ter sofrido para criar navegação com mais de um tipo de navegação. Felizmente consegui. Muito bom conteudo

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Fico feliz. Valeeeu 🤩

  • @fheonix5
    @fheonix5 Рік тому

    Um dos melhores conteúdo RN do Brasil, gosto muito dos videos.

    • @orodrigogo
      @orodrigogo  Рік тому +1

      Que honra. Fico muito feliz, gratidão! 🤩

  • @rogerioronne1
    @rogerioronne1 9 місяців тому

    Uma das didaticas mais eficiente, otima aprendizagem de todo esse youtube, na minha opinão o melhor!

  • @rafaelpavanelli5312
    @rafaelpavanelli5312 Рік тому

    Comprei o curso da rocketseat por sua causa. Você é um dev sensacional e espero muito que a rocket atualize o ignite e você seja o professor.

    • @orodrigogo
      @orodrigogo  Рік тому

      Que incrível e que honra! 🤩

  • @antoniobandeira5389
    @antoniobandeira5389 8 місяців тому

    Muito massa, Rodrigo! Continua trazendo mais desses conteúdos.

    • @orodrigogo
      @orodrigogo  8 місяців тому

      Opa, fico muito feliz e me anima muitooo para trazer mais. 🤩

  • @ruimarcosjoao
    @ruimarcosjoao Рік тому

    Um dos caras que eu mais gosto no UA-cam

  • @acmafra
    @acmafra Рік тому

    Pooo seus vídeos têm me ajudado muitooo. Vc tem trazido umas paradas diferente do que agente vê nos cursos por aí...

    • @orodrigogo
      @orodrigogo  Рік тому

      Que incrível. Fico muito feliz e honrado. Me anima muitooo. Gratidão 🤩

  • @arozendojr
    @arozendojr Рік тому

    Muito top, parabéns, gosto do youtube por esses vídeos, entreterimento com conhecimento de qualidade.

  • @joezersmaniotto3103
    @joezersmaniotto3103 11 місяців тому

    Muito bom, acredito se puder criar um vídeo, que seria muito útil para todos os devs, explicando como criar no github um `exemplo minimo repoduzivel`, quando temos que criar um issue.

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Boa sugestão! Anotado aqui 🤩

  • @arthursousa2614
    @arthursousa2614 8 місяців тому

    Conteúdo incrível, Rodrigo sempre mando bem 👊👊

  • @FelipeBatistaOsilva
    @FelipeBatistaOsilva 11 місяців тому

    Conteúdo valioso! Obrigado por trazer pra nos, vai me ajudar bastante nos estudos 🙏

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Muito obrigado, fico muito feliz 🤩

  • @maicongavazzoni2112
    @maicongavazzoni2112 10 місяців тому

    Massa Rodrigão, estes vídeos abordando conceitos isolados são ótimos!

    • @orodrigogo
      @orodrigogo  10 місяців тому

      Valeu demais, fico feliz!

  • @lucasgomes3794
    @lucasgomes3794 11 місяців тому

    Adorei, assitir já todos...entrado no mundo react-native,

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Que incrível. Bora! 🤩🚀

    • @lucasgomes3794
      @lucasgomes3794 11 місяців тому

      Faz mais com natiwind....rsrrs

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Opa, combinado@@lucasgomes3794. hehe

  • @gabriellennonbr
    @gabriellennonbr 11 місяців тому

    Top demais rodrigão, to achando incrível você estar alimentando seu canal, continue, ta muuito bom os videos. 2 ideias que poderia trazer, poderia trazer um clone da Uber ou de algum app que tenha geolocalização e algum app que utiliza de IA 👀

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Opaaa, muito obrigado meu amigo. Fico muito feliz e obrigado pelas sugestões! 🤩

  • @luisguilhermeselenko3579
    @luisguilhermeselenko3579 Рік тому

    Rodrigão começou 2024 beeeem empolgado né kkkk. Ótimo vídeo como sempre!

    • @orodrigogo
      @orodrigogo  Рік тому +1

      Vocês me animam demais, demais. 🤩

  • @LeviSoares-m1i
    @LeviSoares-m1i 8 місяців тому

    Que aula top, ganhou mais um inscrito

    • @orodrigogo
      @orodrigogo  8 місяців тому

      Fico muito feliz. 🤩

  • @williamcerqueira7236
    @williamcerqueira7236 11 місяців тому

    Cada exemplo melhor que o outro.

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Que incrível. Fico muitooo feliz! 🤩

  • @abilioscoelho
    @abilioscoelho Рік тому

    Botou pra lascar Rodrigão, showwwwwww!

  • @DanielSantosDevECC
    @DanielSantosDevECC 7 місяців тому

    Rodrigo em primeiro lugar, que vídeo espetacular, aprendi tanto nesse vídeo. Queria saber sua opinião, se fosse começar um projeto hoje, vc usaria a qual tipo de estilização? Style sheet ou tailwind?

  • @gabrielsantanatsx
    @gabrielsantanatsx Рік тому

    Logo após uma NLW, um video desse! 🚀🚀🚀🚀

  • @markus_dev_cwb
    @markus_dev_cwb Рік тому

    Caramba que projeto. Sensacional!

    • @orodrigogo
      @orodrigogo  Рік тому +1

      Fico muitoooo feliz que curtiu 🤩

  • @andrejunqueira4919
    @andrejunqueira4919 9 місяців тому

    Brabo demais, parabéns !!!!

  • @kayohenrique8726
    @kayohenrique8726 Рік тому

    Brabooo, Uma ideia. Gostaria de recriar a ui do uber. Tmj professor, vc é fera!

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Opa, excelente sugestão. Muitoo obrigado!

  • @alexandrepellegrino2699
    @alexandrepellegrino2699 Рік тому

    Rodrigao monstro, tenta no próx vídeo trazer a ui do Spotify, com aquelas animações de Scrolls, ia ser mto massa

    • @orodrigogo
      @orodrigogo  Рік тому +1

      Valeeeeu demais, fico feliz. E obrigado pela sugestão. Anotado aqui 🤩

  • @mariano_estevao
    @mariano_estevao 11 місяців тому

    Rodrigo!... 😱😱 eu não gostei do projeto. Eu amei muitooooo😍 .
    Obrigado por este grande conteúdo, vai me ajudar muito como iniciante em React Native ☺

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Que incrível. Fico muitoooo feliz! ☺

  • @garret_leagallow
    @garret_leagallow 8 місяців тому

    2 dias pra fazer o que ele fez em 2h... Preciso praticar mais pra ser mais rápido. Obrigado pelo conteúdo ajudou a sanar uma duvida que tinha no novo app que estou criando. Porem, continuo com uma duvida. É possível ter dois menus desse tipo, um de cada lado? Exemplo, do outro lado, ao clicar no avatar, abrir um menu relacionado ao seu perfil? Se isso for viável fazer isso e você puder compartilhar um direcionamento, seria ótimo.

  • @paulodias1929
    @paulodias1929 6 місяців тому

    Excelente!

  • @williamcerqueira7236
    @williamcerqueira7236 11 місяців тому

    Rodrigo não sei se já tem em seu canal aqui. Mas mostra um exemplo de push notification.

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Opa, por enquanto não. Mas excelente sugestão! Anotado aqui 🤩

  • @filipeleonelbatista
    @filipeleonelbatista Рік тому

    Ui Clone top demais!

  • @pcaldi
    @pcaldi Рік тому

    Sensacional 👏👏

  • @CandidoZfinda
    @CandidoZfinda 11 місяців тому

    Muito bom o conteúdo

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Obrigado meu amigo 🤩

  • @danielalmeida9609
    @danielalmeida9609 Рік тому

    Que foda cara 💜

    • @orodrigogo
      @orodrigogo  Рік тому

      Fico feliz que gostou. Valeeeeu 🤩

  • @djandrelima22
    @djandrelima22 8 місяців тому +1

    No componente FloatButton o TouchableOpacity não está alterando com as classes, os componentes Children dele aceitam normalmente, mas ele não. O que pode ser? Já resetei o cache e nada...

  • @romaosanches
    @romaosanches 11 місяців тому

    aula muito top

  • @joaocuriosidades2331
    @joaocuriosidades2331 9 місяців тому

    conteúdo top

  • @sattivu4281
    @sattivu4281 2 місяці тому

    Eu te amo Rodrigo kkkkkkkk

  • @alaelciolucas174
    @alaelciolucas174 Рік тому

    Show esse tipo de conteúdo atrás mais?

    • @orodrigogo
      @orodrigogo  Рік тому

      Fico feliz que gostou. Então bora, vou trazer mais desses. 🤩

  • @GeeksVTW
    @GeeksVTW 11 місяців тому

    Brabo demais! Vão substituir o Styled Components pelo Tailwind nas novas aulas agora?

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Pode ser que eu utilize o Styled Components, mas últimamente estou usando bastante o Tailwind hehe.

  • @gambiatec3318
    @gambiatec3318 11 місяців тому

    Muito bom!!

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Muitooo obrigado! 🤩

  • @wallacesilva6087
    @wallacesilva6087 Рік тому

    show hein 🚀

  • @bayt444
    @bayt444 11 місяців тому

    Você poderia criar um vídeo que demonstre o uso de variáveis de ambiente no React Native com Expo?

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Boa sugestão. 🤩

    • @bayt444
      @bayt444 11 місяців тому

      @@orodrigogo obrigado

  • @rogerioronne1
    @rogerioronne1 9 місяців тому

    o meu menu drawer esta empurrando a janela de debaixo ao abrir ele, ele não sobrepoe, como conserto isso?

  • @jefersonleiteLCN
    @jefersonleiteLCN Рік тому

    Aula Incrível! Rodrigo, estava querendo fazer widgets para o meu app, consegui fazer utilizando o react-native-android-widget, ele funciona bem em smartphones Samsung, mas tem alguns bugs relacionados ao tamanho da grade de apps em alguns dispositivos. Tem uma opção mais abrangente que resolva esses problemas?

    • @orodrigogo
      @orodrigogo  Рік тому +1

      Que incrível, fico feliz que curtiu. Sobre widgets ainda não precisei criar um, mas posso trazer algo aqui no canal em breve. hehe 🚀

  • @hatus
    @hatus 11 місяців тому

    em termos de produtividade, vale mais a pena utilizar uma biblioteca de componentes (como gluestack ou tamagui) ou nativewind?

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Pensando na produtividade biblioteca de componentes (como gluestack ou tamagui) oferecem muita agilidade porque tem os componentes prontos. Agora para algo mais do zero, nativewind é uma boa.

  • @talismamanuel
    @talismamanuel Рік тому

    Rodrigo sempre que crio um projeto react native com `npx create-expo-app --template`, o projecto ja começa com varias vulnerabilidades, isso é normal?, eu notei que vc ignorou no video devo fazer o mesmo?

  • @AndreGaxpar
    @AndreGaxpar 8 місяців тому

    Rodrigo, tentei realizar o projeto mas logo após configurar o Nativewind e tentar rodar, deu um erro e já fiz de tudo porém não consegui resolver, teria algum lugar que você conseguiria me ajudar? (só resolver esse erro)

  • @MarcioGoveia
    @MarcioGoveia 11 місяців тому

    Rodrigo, acredito
    oque você está usando alguma distro Linux. Qual seria?

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Estou utilizando Linux, chama popOS a distribuição. Ela é baseada no Ubuntu.

  • @kalilmagal2733
    @kalilmagal2733 Рік тому

    Um detalhe que observei no Gmail, em algumas das opções do Drawer ao clicar ele navega para a mesma tela, mas com um filtro diferente aplicado (invés de uma tela diferente). Como seria nesse caso?

    • @orodrigogo
      @orodrigogo  Рік тому +1

      Poderia usar o useLocalSearchParams do Expo Router e obter o filtro pelo parâmetro da rota.🚀

  • @fheonix5
    @fheonix5 Рік тому

    Galera acessa seu gmail pelo navegador na tela principal a logo vai ta no header a esquerda, so baixar la

  • @AndreGaxpar
    @AndreGaxpar 11 місяців тому

    Rodrigo, qual extensão de icons você utiliza?

  • @LucasAlbertoFulano
    @LucasAlbertoFulano Рік тому

    muito massa ❤🇲🇿🇲🇿

    • @beneditonamburete1218
      @beneditonamburete1218 Рік тому

      Também sou de Moz bro, 🎉🎉🎉 🇲🇿🇲🇿🇲🇿

    • @orodrigogo
      @orodrigogo  Рік тому

      Que massa. Bem vindos e obrigado demais 🤩😊

  • @alaelciolucas174
    @alaelciolucas174 Рік тому

    No próximo faz um clome do meu rh é um app de controle do horário de funcionário entrada e saída.

    • @orodrigogo
      @orodrigogo  Рік тому +1

      Tipo controle de ponto? hehe

    • @alaelciolucas174
      @alaelciolucas174 Рік тому

      @@orodrigogo lsso mesmo as empresas estão usando muito deste tipo de aplicativos.

  • @thiagosoares5052
    @thiagosoares5052 8 місяців тому

    Proximo bora recriar o Tinder kkkk

    • @orodrigogo
      @orodrigogo  8 місяців тому +1

      Excelente sugestão, hehe 🤩

  • @ruimarcosjoao
    @ruimarcosjoao Рік тому

    Gostaria de saber se é possível criar um tutorial usando o expo-camera/next usando a SDK 50 do expo?

    • @orodrigogo
      @orodrigogo  Рік тому

      Opa, super rola. Obrigado pela sugestão!

    • @ruimarcosjoao
      @ruimarcosjoao 11 місяців тому

      Para criar um app de scanner de qr code, que pode scanner qr code pintar na tela e podermos criar qr code

  • @Eriquyjhordan
    @Eriquyjhordan 8 місяців тому

    Por algum motivo, os ícones da bottom navigation não estão funcionando no iOS. Eles funcionam perfeitamente no Android e na Web, mas no iOS apenas a barra aparece, e nem mesmo o texto é exibido quando habilitado.
    A navegação no iOS funciona ao clicar no ícone invisível.

    • @Eriquyjhordan
      @Eriquyjhordan 8 місяців тому +1

      Consegui achar o problema, era simplesmente a propriedade paddingBottom: 34, no ios esse valor faz com que o ícone não apareça na tela

  • @walysonmoura222
    @walysonmoura222 10 місяців тому

    E como seria possível nas "Drawer routes" , deixar visível as tabs routes ou seja o menu bottom?

    • @orodrigogo
      @orodrigogo  10 місяців тому +1

      Você pode utilizar nested routes colocando uma dentro da outra.

  • @Gustavo-vu1py
    @Gustavo-vu1py 11 місяців тому

    Rodrigo tem alguma coisa em especifica q precisa ser feita o tailwind não pega estilização no float-button

    • @orodrigogo
      @orodrigogo  11 місяців тому

      As configurações fica no arquivo tailwind.config.js. Se quiser dar uma olhada pra ver como são tem nesse link: github.com/orodrigogo/gmail-ui/blob/main/tailwind.config.js

    • @Gustavo-vu1py
      @Gustavo-vu1py 11 місяців тому

      @@orodrigogo deu certo, precisei excluir a node_modules e baixar novamente que o tipagem pegou, obg

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      @@Gustavo-vu1py boooa, que bom amigo. 😊

  • @LucasGabriel-my7ni
    @LucasGabriel-my7ni 9 місяців тому

    Pra deixar o app responsivo voce me indicaria usar o Native wind ou tentar outra coisa? To deixando responsivo na marra com atributos de % e scale e dimensions... Mas nao fica tao responsivo pous em algumas telas da pra perceber diferença, o que voce me indica?

    • @orodrigogo
      @orodrigogo  9 місяців тому +1

      Geralmente uso muito o próprio flexbox e %. Da uma olhada nessa lib, é utilizada para essa finalidade sem precisar de Native wind por exemplo: www.npmjs.com/package/react-native-responsive-screen

    • @LucasGabriel-my7ni
      @LucasGabriel-my7ni 9 місяців тому

      @@orodrigogo entendo, mas tipo no caso de teclado , isso me incomoda muito, pois geralmente onde tem teclado isso afeta a tela , e aí eu uso o keyboardAwareScrollview, mas aí eu preciso fazer um monte de alteração maluca e se eu usar só o keyboard.dismiss e tiver uma tela com flatList isso afeta ela ou o scrollView se tiver ! Aí por causa disso tem telas que não fica responsivas no meu app

  • @hionic
    @hionic 11 місяців тому

    quando utilizo as cores personalizas minha paleta do nativewind(ctrl + space) sumiu por exemplo bg-red-500 nao aparece mais.. porque?

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Confirma se você colocou as cores em extends. Aqui tem o meu: github.com/orodrigogo/gmail-ui/blob/main/tailwind.config.js

    • @hionic
      @hionic 11 місяців тому

      @@orodrigogo no caso fiz assim..
      import { editColors } from "./src/styles/colors";
      /** @type {import('tailwindcss').Config} */
      module.exports = {
      // NOTE: Update this to include the paths to all of your component files.
      content: ["./src/**/*.{js,jsx,ts,tsx}"],
      presets: [require("nativewind/preset")],
      theme: {
      colors: {
      ...editColors
      },
      },
      plugins: [],
      e no arquivo colors coloquei assim:
      import colors from "tailwindcss/colors";
      export const editColors = {
      ...colors,
      themeYellow: {
      500: "#AE945D",
      },
      themeBlue: {
      500: "#1F4A72",
      },
      themeGray: {
      200: "#E7E5E4",
      300: "#B1B1B1",
      400: "#8B8B8B",
      },
      themeWhite: "#FFFF",
      };

    • @hionic
      @hionic 11 місяців тому

      com isso resolveu meu problema.. mas vlw pela atenção curto demais seu trampo parabens...

  • @rafaelpavanelli5312
    @rafaelpavanelli5312 Рік тому +2

    para quem está com uma preguiça colossal de escrever o colors export const colors = {
    white: "#fdfcfb",
    gray: {
    900: '#20123',
    800: '2A2B2D',
    700: '#323336',
    600: '#444547',
    400: '#9AA0A6'
    },
    orange: {
    800: '#5E4D4E',
    600: '#F28B81',
    300: '#F6AEA9'
    },
    yellow: {
    600: '#F5B400'
    },
    blue: {
    600: '#4285F4'
    }
    }

  • @ricardoracki450
    @ricardoracki450 10 місяців тому

    Fala rodrigao, ta dando problema ai tbm na hora de gerar o apk? o Build.Gradlew acusa erro no arquivo css

    • @orodrigogo
      @orodrigogo  10 місяців тому +1

      Aqui foi de boa. Da uma olhada nas configs do Tailwind.

  • @cristian.deviano
    @cristian.deviano 8 місяців тому

    FloatButton() no componente TouchableOpacity na className position não funcionou aqui

    • @DanielSantosDevECC
      @DanielSantosDevECC 7 місяців тому +1

      O meu também não estava, resolvi assim:
      import { colors } from "@/styles/colors";
      import { MaterialIcons } from "@expo/vector-icons";
      import { Text, Touchable, TouchableOpacity, TouchableOpacityProps, View } from "react-native";
      type FloatButtonProps = TouchableOpacityProps & {
      icon?: keyof typeof MaterialIcons.glyphMap
      }
      export function FloatButton({ icon, ...rest }: FloatButtonProps) {
      return (

      {icon && ()}

      Escrever


      )
      }

  • @marcosfboliveira
    @marcosfboliveira 11 місяців тому +1

    Como a minha maquina é de 3º geração, e só tem 8GB de RAm eu executo "npm run web".

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      É uma boa. Outra opção, quando possível, é utilizar o próprio dispositivo pela rede lendo o QR Code

  • @DarthKiller100
    @DarthKiller100 11 місяців тому

    Pra mim aparece uma tela "Unmatched Route" logo na primeira vez que - seguindo a vídeo aula - abro o app no android expo go.

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Unmatched Route aparece quando ele não consegue identificar a rota padrão. Confirma se na raiz da tua pasta app tem o index.tsx e dentro dele a função precisa ser exportada com default. 🚀

    • @DarthKiller100
      @DarthKiller100 10 місяців тому

      @@orodrigogo Agora quando eu tento abrir o app no Expo Go ele dá esse erro no terminal Error running TailwindCSS CLI, please run the CLI manually to see the error.

  • @thalita6765
    @thalita6765 11 місяців тому

    Opa Rodrigo, tentei criar o projeto hoje mas deu o erro Error: Cannot find module '../lightningcss.win32-x64-msvc.node'
    Tentei clonar o seu projeto do git mas também deu erro, sabe se é algo geral?

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Provavelmente está usando no Windows, né amigo? Geralmente esse erro é ambiente

    • @thalita6765
      @thalita6765 11 місяців тому

      @@orodrigogo isso mesmo, windows

    • @JCdeOliveira.1000
      @JCdeOliveira.1000 11 місяців тому

      estou há semanas com problemas, de cursos desatualizados, erros e bugs, ao criar algo em React-Native. Me pareceu, q o Windows tmb esta zuando meu ambiente. Se sim, qual Linux instalar, vc tem algum tutorial?
      @@orodrigogo

  • @DarthKiller100
    @DarthKiller100 11 місяців тому

    Depois de instalar e configurar o tailwind, começa outro erro. Haha
    Na hora de abrir o app no celular o bundling falha e me entrega a seguinte mensagem:
    tailwindcss(android) rebuilding... TypeError: style.declarations.findLast is not a function
    at setStyleForSelectorList (C:\Users\Lohan\Desktop\DEV\gmail-ui
    ode_modules
    eact-native-css-interop\src\css-to-rn\index.ts:358:54)
    at extractRule (C:\Users\Lohan\Desktop\DEV\gmail-ui
    ode_modules
    eact-native-css-interop\src\css-to-rn\index.ts:175:11)
    at Rule (C:\Users\Lohan\Desktop\DEV\gmail-ui
    ode_modules
    eact-native-css-interop\src\css-to-rn\index.ts:82:9)
    at cssToReactNativeRuntime (C:\Users\Lohan\Desktop\DEV\gmail-ui
    ode_modules
    eact-native-css-interop\src\css-to-rn\index.ts:76:15)
    at sendUpdate (C:\Users\Lohan\Desktop\DEV\gmail-ui
    ode_modules
    eact-native-css-interop\src\metro\poll-updates-server.ts:49:42)
    at Socket. (C:\Users\Lohan\Desktop\DEV\gmail-ui
    ode_modules
    ativewind\src\metro\tailwind-cli.ts:106:17)
    at Socket.emit (node:events:513:28)
    at addChunk (node:internal/streams/readable:315:12)
    at readableAddChunk (node:internal/streams/readable:289:9)
    at Socket.Readable.push (node:internal/streams/readable:228:10)

  • @marcosfboliveira
    @marcosfboliveira 11 місяців тому +1

    depois da "Tailwind CSS IntelliSense", não consigo executar, snif!

  • @ServiceDesk-rx2pt
    @ServiceDesk-rx2pt 11 місяців тому

    Estou com um erro no metro não sei como resolver, segui igual ao vídeo mas não deu
    Android Bundled 8579ms (C:\Users\Service Desk\Desktop\React-native-tailwind\teste-tailwind-react
    ode_modules\expo-router\entry.js)
    ERROR Error: Exception in HostFunction: expected 0 arguments, got 1, js engine: hermes
    ERROR Invariant Violation: "main" has not been registered. This can happen if:
    * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
    * A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes

    • @orodrigogo
      @orodrigogo  11 місяців тому

      É configuração amigo. Da uma olhada aqui github.com/orodrigogo/gmail-ui e confere se as configurações do Expo router e do nativewind estão certinhas, por favor. 💜

    • @ricardosousa7946
      @ricardosousa7946 9 місяців тому

      conseguiu resolver amigo?

  • @DomingosBernardoCalepa
    @DomingosBernardoCalepa 11 місяців тому

    Rodrigo eu gostaria que recria a app da inco

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Boa sugestão. Anotado aqui! 🤩

  • @FunctionDev
    @FunctionDev Рік тому

    Um projeto com React Native + Supabase

  • @oguiduart_
    @oguiduart_ 11 місяців тому

    estou com um problema na estilização, do float button, o touchableopacity simplesmente n responde a estilização, mais alguém?

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Você chegou a configurar a propriedade activeOpacity? Dê uma olhada, talvez seja o valor que colocou lá.

    • @oguiduart_
      @oguiduart_ 11 місяців тому

      @@orodrigogo obrigado pela aula Rodrigo, muito boa, aprendi bastante coisa e com certeza vou terminar esse clone

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Fico muito feliz amigo. Tmj 🚀

    • @ICarlosJuniorI
      @ICarlosJuniorI 11 місяців тому

      O meu também não funciona, o TouchableOpacity não pega a estilização

    • @ICarlosJuniorI
      @ICarlosJuniorI 11 місяців тому

      Consegui resolver colocando tudo dentro de uma View e passando a estilização pra ela

  • @maiquisilva6710
    @maiquisilva6710 10 місяців тому

    pessoal como fasso para criar um app de quiz de perguntas ? sou iniciante kkk

    • @orodrigogo
      @orodrigogo  9 місяців тому +1

      Opa, vamos lá. Eu comecaria criando o prototipo/desenho das telas para definir como o App será. Em seguida, definiria de onde o App irá obter as perguntas e respostas: local no próprio dispositivo? De um back-end próprio? BasS como Firebase? Em seguida, criaria as interfaces. Mas gostei da ideia, que sabe no futuro traga um vídeo mostrando como fazer um, hein. hehe

    • @maiquisilva6710
      @maiquisilva6710 9 місяців тому

      @@orodrigogo a interface ate consigo fazer mais não faço ideia como vou fazer para gera perguntas e resposta automaticas se tive um video ensinado como fazer o back-end

  • @GustavoBRgameplay-uq8yg
    @GustavoBRgameplay-uq8yg Місяць тому

    Recria o WhatsApp