Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

feat: implement the loading indicator component

Aberta
#4,985 1 comentário 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 7 dias

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
45/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Pouca atividade
Stack de tecnologia
react-native, typescript

Direção de pesquisa

Comece revisando as shapes da issue #4984 e as especificações de loading indicators do Material 3. Compare os padrões de modernização em TextInput/TextField, Switch, Checkbox e FAB e, em seguida, defina os component tokens e o escopo da implementação. Considera-se concluído quando o indicator estiver disponível no app de exemplo e sua documentação estiver atualizada.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

v6
  • The goal is to implement a loading indicator. This component is similar but not the same as progress indicators. The modern expressive version uses a set of shapes and morphing between them.
  • Reuse the shapes added in https://github.com/callstack/react-native-paper/issues/4984
  • See https://m3.material.io/components/loading-indicator/specs
  • Reuse newly introduced tokens (shape, motion, typography, color etc)
  • Extract component specific tokens for easier maintenance.
  • Get inspired from TextInput/TextField, Switch, Checkbox, FAB components which have gone through modernization.
  • Showcase the component in the example app
  • Update the documentation
Linguagem predominante
TypeScript
Estrelas
14.5k
Forks
2.2k
Merge médio
6d 12h
PRs com merge (30d)
5

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de callstack/react-native-paper

Todas as issues de callstack/react-native-paper

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.