Que sont les widgets Material et Cupertino ?

Question

Accepted Answer

Flutter fournit deux principaux systèmes de conception sous forme d'ensembles de widgets : **Material** (Material Design de Google, style Android) et **Cupertino** (style iOS). Ils vous permettent de créer des interfaces utilisateur correspondant au langage de conception de chaque plateforme, ou un aspect personnalisé cohérent.

## Widgets Material (Material Design)

```dart
// Material widgets follow Google's Material Design (Android look, but usable anywhere)
MaterialApp(                       // the app root for Material apps
  home: Scaffold(                  // Material page structure
    appBar: AppBar(title: Text('Material')),
    body: Center(
      child: ElevatedButton(       // Material button
        onPressed: () {},
        child: Text('Material Button'),
      ),
    ),
    floatingActionButton: FloatingActionButton(onPressed: () {}),
  ),
)
// Material widgets: Scaffold, AppBar, ElevatedButton, Card, FloatingActionButton, etc.
```

## Widgets Cupertino (style iOS)

```dart
// Cupertino widgets follow Apple's iOS design language
CupertinoApp(
  home: CupertinoPageScaffold(
    navigationBar: CupertinoNavigationBar(middle: Text('iOS')),
    child: Center(
      child: CupertinoButton(      // iOS-style button
        onPressed: () {},
        child: Text('iOS Button'),
      ),
    ),
  ),
)
// Cupertino widgets: CupertinoButton, CupertinoNavigationBar, CupertinoPicker, etc.
```

## Choisir et interface adaptative à la plateforme

```text
→ MATERIAL → most common default; works on all platforms; Google's design system
→ CUPERTINO → for an authentic iOS look
→ Many apps just use Material everywhere (consistent, simpler) — Flutter draws its own
  UI, so Material works fine on iOS too
→ PLATFORM-ADAPTIVE → use Material on Android, Cupertino on iOS (native feel per platform)
  — more effort; choose based on whether platform-native look matters
```

## Pourquoi c'est important

Comprendre les widgets Material et Cupertino est précieux car ce sont les deux principaux systèmes de conception de Flutter, fournissant les widgets utilisés pour créer des interfaces d'application, c'est donc une connaissance fondamentale utile. Les **widgets Material** (implémentant Material Design de Google, le langage de conception style Android) sont le choix par défaut le plus courant et incluent les widgets essentiels utilisés dans la plupart des applications Flutter (Scaffold pour la structure de page, AppBar, boutons, Cards, FloatingActionButton) — les comprendre est nécessaire puisque la majorité des applications Flutter utilisent Material. Les **widgets Cupertino** (implémentant le langage de conception iOS d'Apple) vous permettent de créer des interfaces authentiquement iOS.

Comprendre les deux, et **comment choisir**, est pratiquement précieux : de nombreuses applications utilisent simplement **Material partout** (cohérent et plus simple, et puisque Flutter dessine son propre interface utilisateur, Material fonctionne bien même sur iOS), tandis que les applications souhaitant **des apparences natives à la plateforme** peuvent utiliser une **approche adaptative à la plateforme** (Material sur Android, Cupertino sur iOS, donnant à chaque plateforme son apparence native au prix d'efforts supplémentaires).

Comprendre ce choix — Material cohérent partout (plus simple) versus adaptative à la plateforme (apparence native par plateforme) — reflète une véritable décision de conception dans le développement Flutter.

Connaître les ensembles de widgets disponibles et leurs systèmes de conception est fondamental pour créer des interfaces utilisateur qui semblent appropriées, qu'elles correspondent aux conventions d'une plateforme ou présentent une conception personnalisée cohérente.

Puisque la création d'interfaces utilisateur Flutter nécessite d'utiliser ces ensembles de widgets (Material étant le choix par défaut courant, Cupertino pour le style iOS) et les comprendre ainsi que le choix entre un design cohérent et un design adaptative à la plateforme est utile pour créer des applications d'aspect approprié, comprendre les widgets Material et Cupertino est une connaissance Flutter précieuse et fondamentale — nécessaire pour créer des interfaces utilisateur (particulièrement les omniprésents widgets Material) et utile pour prendre des décisions judicieuses concernant l'apparence de l'application et les conventions de plateforme, un aspect pratique du développement quotidien d'interfaces utilisateur Flutter.