Тёмный

Criando um Fab button de verdade com React Native 

Sujeito programador
Подписаться 66 тыс.
Просмотров 11 тыс.
50% 1

Опубликовано:

 

18 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 51   
@ThiagoLucioBittencourt
@ThiagoLucioBittencourt 4 года назад
Muito massa esse tuto aí. A única coisa que faltou foi referenciar os recursos do AntDesign e vector icons que você usou. Porque acredito que tenham sido importados se alguma forma mas isso não diminuiu em nada o vídeo que ficou extremamente didático. Parabéns e muito obrigado por compartilhar gratuitamente!
@renanoliveira90
@renanoliveira90 3 года назад
Ele usou o expo, que já traz nativamente a funcionalidade, é só referenciar e usar. No cli sim é necessário instalar e realizar configurações.
@ThiagoLucioBittencourt
@ThiagoLucioBittencourt 3 года назад
@@renanoliveira90 Pois é...já tem tanto tempo que já estou avançado nesse sentido. Moendo aqui. Na real nem uso esses recursos ai mais...Mas vlw pela resposta porque a empatia é o mais importante. Grande abraço irmão. Fique seguro!
@LucasSouza-rz2hh
@LucasSouza-rz2hh 4 года назад
Show de bola Matheus... comprei o curso mas to no início ainda... empolgado p chegar no react native
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
Showw, Vamo que vamo :)
@LucasAlbertoFulano
@LucasAlbertoFulano 4 года назад
Muito obrigado, tava precisar disso
@marcelorafael23
@marcelorafael23 4 года назад
Como sempre, só vídeo top...
@crowbr
@crowbr 4 года назад
muito bom, para colocar percentagem só colocar entre colchetes "50%".
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
Depende o caso :)
@crowbr
@crowbr 4 года назад
@@Sujeitoprogramador Cara tava precisando fazer um botão com que detect hover e active para mudar os styles, hover eu tenho ideia de como fazer agora o active que ta tenso tem alguma dica , thanks
@marciogrecioyt
@marciogrecioyt 4 года назад
Opa Matheus vamos fazer um exemplo de menu navigator com esse fab button aquele que fica no centro ficaria top também
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
Boaa ótima sugestão :)
@juniorduartee
@juniorduartee 4 года назад
Cara estava precisando disso hoje, me ajudou muito, obrigado!!!!
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
Massaa!
@mariojorge9974
@mariojorge9974 4 года назад
Ótimo vídeo! Parabéns! Poderia fazer um vídeo focado em push notifications. 👌🏾
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
Boa, sugestão anotada, valeu por acompanhar tamo junto :)
@leocesar5011
@leocesar5011 4 года назад
Ajudou demaais, mais um inscrito
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
Leo César tamooo junto ❤️
@lucasviece
@lucasviece 4 года назад
não sei porque ele n ta reocnhecendo o click no TouchableWithoutFeedback utilizei ate o codigo do @Renan Rodrigues Estou tentando colocar o Fab button no tab bar do react navigation, isso é possivel ? imgur.com/zjNQ3mc
@humbertomendes87
@humbertomendes87 4 года назад
Mano, uma dúvida, porque você utilizou o conceito de classes ao invés do Hooks. Outra, no seu curso a abordagem é com Hooks?
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
A maneira que criei as animações por isso usei classes. Sim no curso tem Hooks, e tambem redux + hooks Abraço :)
@felipesobrinhomolina6274
@felipesobrinhomolina6274 4 года назад
Eu tenho o costume de usar classe tb. Mas é pq eu vim do Java, não sei se é o melhor a se fazer. Eu até tenho o costume de criar os métodos get e set em cada componente (Por exemplo: getNome(), setNome(obj); getColor(), setColor(obj)). Ai na classe principal eu uso o React.createRef(); para referenciar cada objeto criado. Assim eu posso usar facilmente cada método criado nos componentes.
@crowbr
@crowbr 4 года назад
Os hooks usam essa lógica de get e setters no useState.
@tiagobatista2145
@tiagobatista2145 4 года назад
Mestre muito massa, seu curso tem isso mestre
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
Sim, curso é totalmente na pratica do zero até o avançado, tambem contendo modulos de animações, mapas entre outros :)
@nathansantos4197
@nathansantos4197 4 года назад
Isso, eu faço o curso e recomendo 👍
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
@@nathansantos4197 Tamo junto Nathan
@rickyalmeida
@rickyalmeida 3 года назад
Bem difícil encontrar conteúdos sobre a Animated em português, muito obrigado! Deixa eu te perguntar, esse seu tema é alguma variação do Dracula? Percebi que seu console.log fica todo azul, o meu não fica assim.
@BlitzCosplayPersonagensVivos
@BlitzCosplayPersonagensVivos 4 года назад
- Todos os botões estão chamando os componentes corretamente. - Porém o ( Em baixo do: navigation.navigate('Contato')} />) que se encontra em # Home() # está dando o erro pois não está encontrando o navigation. ** ele está sendo puxado com o código abaixo: ################################################ Teste_bt() ################################################ import React from 'react'; import { StyleSheet, Text, View, Button } from 'react-native'; import Fabbutton from './index'; import { NavigationContainer } from '@react-navigation/native'; export default function Teste_bt() { return ( navigation.navigate('Contato')} /> ); } ################################################ Home() ################################################ import React from 'react'; import { StyleSheet, Text, View, Button } from 'react-native'; import FabButton from '../../FabButton/'; import Teste_bt from '../../FabButton/teste_bt'; export default function Home({navigation}) { return ( HOME navigation.navigate('Sobre')} /> navigation.navigate('Produtos')} /> navigation.navigate('Contato')} /> ); } ################################################ ################################################ Alguém pode me ajudar o a incorporar o navigation? eSTOU usando essa lógica para fazer com FAB button desse tutorial! Alguém pode me ajudar a colocar o navigation nesse tutorial, pois não esta achando o navigation
@leolima8585
@leolima8585 4 года назад
Bom, gostei, mais animações são realidades e ajudam na divulgação do seus cursos.
@jamillesouza6074
@jamillesouza6074 2 года назад
Não sei se é só eu que estou com este problema, mas quando uso o scale e passo o animation, dá erro dizendo que o scale precisa ser um número, só que fiz tudo igualzinho, alguém sabe o que poderia ser?
@pablocirqueira1766
@pablocirqueira1766 2 года назад
Como façço para navegar para outra tela pelo botoes?
@carlosalbertomafraneto8287
@carlosalbertomafraneto8287 Год назад
Como eu faço pra deixar esse botão flutuante na screen? Ex.: coloco o o aplicativo pra rodar e saio da aba dele e o botão flutuante continua na tela. Semelhante aos aplicativos de gravação de tela
@vagnerfonseca100
@vagnerfonseca100 3 года назад
Interessante, eu tenho uma dúvida, como eu consigo fazer igual em react JS?
@rareirin
@rareirin 3 года назад
Pesquise por animations css, keyframes ...
@LucasRibeiro-ut7rh
@LucasRibeiro-ut7rh 4 года назад
Como eu faria para esse Bottom abrir uma outra tela? ( igual ao que tem no Whatsapp e Twitter )
@christopherfelix9290
@christopherfelix9290 3 года назад
com React Navigation
@FofoCaus
@FofoCaus 4 года назад
Nao consigo abrir segunda parte para ver como fica
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
Segunda parte?
@leolima8585
@leolima8585 4 года назад
Dev ter tomado uma o Michel
@principe.borodin
@principe.borodin 4 года назад
esse expo vector icons so instala quando se usa com expo, ou pode ser avulso?
@Sujeitoprogramador
@Sujeitoprogramador 4 года назад
Igor Carvalho de Paula Da pra usar com React native cli normal também
@BlitzCosplayPersonagensVivos
@BlitzCosplayPersonagensVivos 4 года назад
Com expo não precisa instalar
@principe.borodin
@principe.borodin 4 года назад
@@BlitzCosplayPersonagensVivos a ideia eh nao usar expo
Далее
Criando Header com Animações  - React Native
18:11
Просмотров 10 тыс.
For my passenger princess ❤️ #tiktok #elsarca
00:24
Prank Orchestra
00:10
Просмотров 1,9 млн
Ice Bear would appreciate some cheese 🧀
00:18
Просмотров 13 млн
Como Fazer um Slide em React com Swiper
6:27
Просмотров 2,7 тыс.
Criando SLIDER para seu Aplicativo - React Native
20:17
Notificações com React Native + OneSignal 🔥
20:09
Gerando APK e AAB com React Native EXPO
10:32
Просмотров 24 тыс.
Utilizando FACE ID e TOUCH ID com React Native
17:46
Просмотров 14 тыс.
For my passenger princess ❤️ #tiktok #elsarca
00:24