react-navigation / react-navigation/react-navigation.github.io
Open a modal from a tab bar
Ninguém assumiu esta issue ainda.
- Linguagem predominante
- JavaScript
- Estrelas
- 324
- Forks
- 2k
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Descrição
Moved over from https://github.com/react-navigation/react-navigation/issues/3003
@spencercarli came up with this solution: https://snack.expo.io/SyJKMkFUM
We might need to change the API a bit to make it cleaner but we can document this approach for now!
- If you're suggesting a change/improvement, tell us how it should work
It would be great to get documentation done for this "open modal from tab bar" layout. I've seen it asked a bunch of times in different places as it's a very common/popular requirement.
While not as helpful as writing documentation myself, here are some of the places this was asked, to show it would be useful to have it in the official docs:
- https://stackoverflow.com/questions/46725173/react-navigation-tabnavigator-show-modal
- https://stackoverflow.com/questions/42731093/how-to-push-a-modal-screen-using-reactnavigation
- https://stackoverflow.com/questions/45520898/react-navigation-and-modal-tab-item
- https://stackoverflow.com/questions/46725173/react-navigation-tabnavigator-show-modal
- https://stackoverflow.com/questions/46106117/tabnavigator-with-a-modal-popup-with-react-navigation-like-instagram
- https://stackoverflow.com/questions/42398911/how-do-i-make-a-tabnavigator-button-push-a-modal-screen-with-react-navigation
- https://github.com/react-community/react-navigation/pull/525
- https://github.com/react-community/react-navigation/issues/314
- https://github.com/react-community/react-navigation/issues/1059
- https://github.com/react-community/react-navigation/issues/1576
- https://github.com/react-community/react-navigation/issues/2259
- https://github.com/react-community/react-navigation/issues/1734
- https://github.com/react-community/react-navigation/issues/770
@TomAtterton seems to have a solution in this issue
https://github.com/react-community/react-navigation/issues/1576
He also left the same comment here:
Anyway, best practice or not, Tom seems to have the only solution? Maybe he could give a slightly longer form answer and that can be used for docs? @spencercarli
I will try to write something up potentially.
Guia de contribuição
Nenhum guia de contribuição indexado para este repositório
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Direção de pesquisa
Revise a solução vinculada do Expo Snack, a issue relacionada e as discussões do Stack Overflow para entender o layout proposto de barra de abas para modal. Documente a abordagem na documentação oficial do projeto, incluindo um exemplo completo e quaisquer ressalvas da API; considera-se concluído quando os usuários puderem seguir o exemplo documentado para abrir um modal a partir de uma barra de abas.
Escrita pelo modelo de indexação a partir do texto da issue.
Avaliação
- Stack de tecnologia
- javascript, react-native
- Domínio
- documentation
- Tipo de issue
- Documentação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Status de atividade
- Estagnada
- Clareza
- Razoavelmente clara
- Facilidade para iniciantes
- 35/100