Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Branded sign-in screen layout: logo, "Sign In" button, tagline

Aperta Adatta ai principianti
  • Qualcosa non va?
#2 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
85/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
dart, flutter
Ambito
frontend, mobile

Direzione di ricerca

Inizia da lib/screens/sign_in_screen.dart e segui l’uso esistente del tema e di BrandApps.dogpack.blurb; controlla lib/widgets/brand_mark.dart solo se è necessario modificare le dimensioni o l’etichetta semantica. Aggiungi o aggiorna test/sign_in_screen_test.dart per verificare il testo del pulsante e lo slogan, quindi esegui flutter test test/sign_in_screen_test.dart. Il lavoro è concluso quando il simbolo, il nome, lo slogan e il pulsante Sign In sono centrati in quest’ordine, rientrano a 320 dp e con una dimensione del carattere di sistema al 200%, e hanno un aspetto corretto sia in modalità chiara sia in modalità scura.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

good first issue polish

What to build

Lay out the signed-out screen: the DogPack mark on top, the app name, the tagline, then one button labelled exactly Sign In (not "Sign in with DevDogs"). Use the theme from devdogsuga_sdk; no hard-coded colors or font names. Today the screen already shows the mark, name and blurb with a button labelled "Sign in with DevDogs"; this issue is the layout and copy pass: spacing, text styles, the button label, and the tagline text (use BrandApps.dogpack.blurb).

Files

Acceptance

  • The button text is Sign In.
  • Mark, name, tagline and button appear in that order, centered, and do not overflow at 320 dp wide or with the system font at 200%.
  • Looks right in light and dark.
  • A widget test finds the button by text and the tagline.

How to check

flutter test test/sign_in_screen_test.dart, then run the app signed out and attach a light and a dark screenshot to the PR.

Before you start

Setup is in first contribution. Run flutter analyze and flutter test before you open the PR; both must pass. Keep the change to the files listed. Comment on this issue to claim it.

Lingua principale
PLpgSQL
Stelle
0
Fork
0
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di DevDogsUGA/DogPack

Tutte le issue di DevDogsUGA/DogPack

Issue simili

Altre issue su Web Dev

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.