[ad_1]

medium_logo

Clpne d’application moyenne développée avec le framework Dart/Flutter, getx pour la gestion de l’état, a utilisé des données factices pour présenter (pour l’instant du moins)

capture d'écran
capture d'écran
capture d'écran
capture d'écran

  • Barre de navigation inférieure
  • Page d’accueil
    • Entête
    • Barre d’onglets avec TabModel()
      • Barre d’onglet fixe / collante sur le défilement avec possibilité de naviguer
        • Fixé uniquement sur le défilement vers le bas, tandis que le haut affichera à nouveau l’en-tête
      • Effet dégradé sur les coins
      • L’icône Plus affichera une vue différente de celle des autres balises
    • Diviseur
    • Bouton d’action flottant
    • Affichage de la barre d’onglets des articles
      • Effet de chargement scintillant
      • Chargement d’articles paresseux
    • Fiche articles de ArticleModel()
      • Informations sur l’auteur (profil, image, auteur)
      • Informations principales (titre, image de l’article)
        • Nom de communauté s’il existe pour l’article
      • Date de publication dynamique, date de dernière lecture
      • Icônes d’action avec leur énumération
        • ajouter un article au signet
        • Supprimer l’article de l’action d’affichage
        • Actions du menu contextuel
    • Fiche d’articles pour ‘Pour toi‘ balise uniquement
      • Avec des puces d’étiquette
      • Avec raison de montrer que ‘basé sur l’histoire’, ‘tu pourrais aimer’
    • Fiche d’articles pour les autres balises
      • Basé sur ‘Pour toi’ carte d’articles
    • Indicateur de rafraîchissement circulaire lors du balayage
  • Page de recherche
    • En-tête hérité de la page d’accueil
    • Barre de recherche
    • Balises puces défilement vue
      • Puce héritée des cartes d’article de la maison
      • Capable de réagir on(Tap , PanDown , PanCancel , PanEnd)
    • Sous-titre tendance
    • Articles tendance sur les cartes
      • Énumérations dynamiques pour les articles
      • Informations sur l’auteur héritées de la fiche article de la maison
      • Principales informations héritées de la fiche article de la maison
      • Informations de date héritées de la fiche article de la maison
      • effet scintillant
    • Vue de défilement des faits saillants de tous les coins
      • Titre / Sous-titre
      • Mettez en surbrillance la carte de HighlightModel()
        • Image d’en-tête
        • Titre
        • Coin / Communauté
    • Les personnes à suivre
      • Photo de profil
      • Auteur
      • Bio
      • Bouton Suivre
  • Page de signets
  • Page de profil utilisateur
  • Ajouter une page d’articles
  • Choisir la page des balises
  • page de notification
  • Lecture complète via notification contextuelle

Tout d’abord, assurez-vous d’avoir au moins Flutter v3.3 et Dart v2.16.0
Ensuite, exécutez ceci dans le Cmd (ligne de commande)

git clone 
cd medium_app_clone
flutter get packages
flutter run

Vous pouvez faire partie de ce projet en contribuant/aidant à ce projet tous les types de contribution sont les bienvenus dans ce projet de :

  • Utiliser l’application et déclarer des problèmes, des bogues, des fonctionnalités
  • Correction des orthographes et de la mauvaise syntaxe du code
  • Rendre les choses réactives comme les effets de survol / toucher, la barre de recherche réagit
  • Code de refactorisation
  • Ajoutez plus de widgets, d’écrans si vous le pouvez
  • Faire des tâches manquantes sur la liste des tâches
  • Ecrire une fonctionnalité
  • Changer les icônes pour des icônes plus claires, car Icon en flutter ne sont pas légers (vous pouvez utiliser svg ou une bibliothèque)
  • Lien vers une vraie api (je sais que c’est mon travail et je le ferai inchallah)
  • Ou à peu près tout le reste 🙂

GitHub

Voir Github

[ad_2]

Leave a Reply

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Instagram

Ce message d’erreur n’est visible que pour les administrateurs de WordPress

Erreur. Aucun flux trouvé.

Veuillez aller sur la page de réglages d‘Instagram Feed pour connecter votre compte.