Scribd
Importer
25 vues2 pages

Import

Ce document décrit comment créer une application Flutter avec un contrôleur de thème pour basculer entre le thème clair et le thème sombre.

Transféré par

Lemiyi Stéphane Ulrich Koura
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
25 vues2 pages

Import

Ce document décrit comment créer une application Flutter avec un contrôleur de thème pour basculer entre le thème clair et le thème sombre.

Transféré par

Lemiyi Stéphane Ulrich Koura
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

import 'package:flutter/material.

dart';

import 'package:get/[Link]';

// Contrôleur de gestion du thème

class ThemeController extends GetxController {

RxBool isDarkMode = [Link];

// Méthode pour basculer entre le mode clair et le mode sombre

void toggleTheme() {

[Link] = ![Link];

void main() {

runApp(MyApp());

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return GetMaterialApp(

home: HomeScreen(),

theme: [Link](), // Utilisez le thème clair par défaut

darkTheme: [Link](), // Utilisez le thème sombre par défaut

themeMode: [Link]<ThemeController>().[Link] ? [Link] :


[Link], // Définissez le thème en fonction de l'état actuel

);

class HomeScreen extends StatelessWidget {


final ThemeController _themeController = [Link](ThemeController());

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

title: Text('GetX Theme Example'),

),

body: Center(

child: Text(

'Hello World',

style: [Link].bodyText1, // Utilisez le style de texte approprié selon le thème

),

),

floatingActionButton: FloatingActionButton(

onPressed: () {

_themeController.toggleTheme(); // Changez le thème lorsque le bouton est pressé

},

child: Icon(Icons.brightness_4), // Icône de bascule de thème

),

);

Vous aimerez peut-être aussi