Sondages faciles à utiliser et hautement personnalisables pour Flutter

Posté Par: Windows2022tutosur: janvier 15, 2023Dans: TechPas De Commentaires

Sondages personnalisables pour Flutter. Simple, facile à utiliser et hautement personnalisable.

Commencer

Dans le pubspec.yaml de votre projet flutter, ajoutez la dépendance suivante :

dependencies:
  ...
  flutter_polls: ^0.1.1

Importez-le :

import 'package:flutter_polls/flutter_polls.dart';

Exemple

Découvrez l’exemple de projet dans le example répertoire ici : exemple sur github

FlutterPolls(
    pollId: '1',
    onVoted: (PollOption pollOption, int newTotalVotes) {
      print('Voted: ${pollOption.id}');
    },
    pollOptionsSplashColor: Colors.white(),
    votedProgressColor: Colors.greyDark().withOpacity(0.3),
    votedBackgroundColor: Colors.grey().withOpacity(0.2),
    votesTextStyle: themeData.textTheme.subtitle1,
    votedPercentageTextStyle:
        themeData.textTheme.headline4?.copyWith(
    color: Colors.black(),
    ),
    votedCheckmark: Icon(
        Icons.circle_check,
        color: AppColors.black(),
        height: 18,
        width: 18,
    ),
    pollTitle: Align(
    alignment: Alignment.centerLeft,
    child: AutoSizeText(
        poll['title'],
        style: TextStyle(
            fontSize: 20,
        ),
    ),
    pollOptions: poll['options'].map(
    (option) {
        return PollOption(
        id: option['id'],
        title: AutoSizeText(
            option['title'],
            style: tTextStyle(
            fontSize: 20,
        ),
        ),
        votes: option['votes'],
        );
    },
    ).toList(),
    metaWidget: Row(
    children: [
        const SizedBox(width: 6),
        AutoSizeText(
        '•',
        style: TextStyle(
            fontSize: 20,
        ),
        ),
        const SizedBox(
        width: 6,
        ),
        AutoSizeText(
        '2 weeks left',
        style: TextStyle(
            fontSize: 20,
        ),
        ),
    ],
    ),
),

Paramètres

Paramètre	Taper	La description
ID de sondage	Chaîne	L’identifiant du sondage.
a voté	bourdonner	Si l’utilisateur a voté.
userVotedOptionId	entier	L’utilisateur a voté l’identifiant de l’option. Si l’utilisateur n’a pas voté, ce sera nul.
onVoted	void Function(PollOption pollOption, int newTotalVotes)	Le rappel lorsque l’utilisateur a voté.
pollTitle	Widget	Le titre du sondage. Peut être n’importe quel widget.
options de sondage	Liste	Les options du sondage. Chaque élément est une carte avec les clés suivantes : id, title, votes.
heightBetweenTitleAndOptions	double	La hauteur entre le titre du sondage et les options du sondage.
hauteurEntreOptions	double	La hauteur entre les options de sondage.
votesTexte	Chaîne	Vote texte. Peut être « Votes », « Votos », « Ibo » ou n’importe quelle langue. S’il n’est pas spécifié, « Votes » est utilisé.
votesTextStyle	Style de texte	Le style du texte des votes.
métaWidget	Widget	Le méta-widget. Peut être n’importe quel widget.
créé par	Chaîne	Le créateur du sondage.
userToVote	Chaîne	L’utilisateur à voter.
pollStartDate	DateHeure	La date de début du sondage.
pollEnded	bourdonner	Si le sondage est fermé.
pollOptionsHeight	double	La hauteur des options du sondage.
pollOptionsWidth	double	La largeur des options de sondage.
pollOptionsBorderRadius	BorderRadius	Le rayon de bordure des options de sondage.
pollOptionsBorder	Bordure de boîte	La bordure des options de sondage.
pollOptionsFillColor	Couleur	Les options de sondage remplissent la couleur.
pollOptionsSplashColor	Couleur	Les options du sondage éclaboussent la couleur.
votedPollOptionsRadius	Rayon	Le rayon de bordure des options de sondage votées.
votéFondCouleur	Couleur	La couleur d’arrière-plan des options de sondage votées.
votéProgressColor	Couleur	La couleur de progression des options de sondage votées.
votéCoche	Widget	La coche des options de sondage votées.
style de texte de pourcentage voté	Style de texte	Le style de texte en pourcentage des options de sondage voté.
votéAnimationDuration	entier	La durée de l’animation des options de sondage votées.
chargementWidget	Widget	Le widget de chargement lorsqu’un utilisateur vote. Peut être n’importe quel widget.