3
votes

Modifier le rayon du coin du tiroir Flutter

J'utilise Drawer avec un BottomAppBar. Lorsque je clique sur l'icône de menu, le tiroir s'affiche. Je souhaite modifier le rayon des coins supérieur gauche et supérieur droit de Flutter Drawer. Est-il possible de personnaliser le rayon du coin?

flutter

0 commentaires

3 Réponses :

13
votes

Vous pouvez essayer d'encapsuler Drawer dans ClipRRect

ClipRRect(
  borderRadius: BorderRadius.vertical(top: Radius.circular(4.0)),
  child: Drawer(...),
)

1 commentaires

Cela fonctionne mais le fond est blanc, pas transparent.

3
votes

J'ai trouvé la solution. Il suffit d'ajouter canvasColor: Colors.transparent au thème MaterialApp et cela fonctionnera.

0 commentaires

0
votes

Voici comment vous devez vous comporter.

 drawer: ClipRRect(
      borderRadius: BorderRadius.only(
          topRight: Radius.circular(35), bottomRight: Radius.circular(35)),
      child: Drawer(...),),

1 commentaires

Pour supprimer la duplication dans la création de BorderRadius de votre exemple, il pourrait être créé avec le constructeur suivant BorderRadius.horizontal (à droite: Radius.circular (35)) .