マネホデestadosエヌフラッター、プロバイダー

エヌesta guは、se mostrarは、エルUSOデプロバイダーパラエルManejoデEstadosエヌフラッタ.

エル・デ・デ・エ・グ・デ・グ・プ・プエヌ・エンコンスサー『ギトゥブ』

傭兵 / フラッタ状態管理デモ

マネホデestadosエヌフラッター

輸入業者

La Rama Provides Es La La Tiene la Manufactivi I n n dデesta gu A .
ララママスターティエンエルCは、ディルベースデラAplicaciが得られます.
ヴィラとしての詩

ユーザー:en estaビスタal cambiarロスvaloresデルcampoデtexto tambi es n n se alalizarは、エルtバーを得ます.

カタログ:en estaビスタse muestra un listado deアイテムy al al interactuar con cada no no ellos se puede ver . puo de que po de el cono para agregar／純化カンボジア

カート:エヌestaビスタse muestra unlistadoデロスproductos que seは、選択されたタヌビエによって選択されたタヌビエの中で選択します.

Palm mantener el c c didio godenta se cre des la carpeta提供者ダーツ、userCountプロバイダー.ダート

プロバイダ

プロバイダー.ダート

ユーザー.ダート

チェンディニス

Instalar Provider

Provider para nombre de usuario

Provider para catálogo

Modificar main.dart

Vistas

user.dart

catalog.dart

cart.dart

Instalarプロバイダー

https://pub.dev/packages/provider
スペイン語の利用について4.3.2+2Pubspec.ヤル

dependencies:
  provider: ^4.3.2+2

プロバイダpara nombreデusuario

ユーザー。ダート

import 'package:flutter/material.dart';

class UserProvider with ChangeNotifier {
  String _username = 'Guest';

  String get username => _username;

  void onChange(value) {
    _username = value;
    notifyListeners();
  }
}

フランス語
インポートラライブラは物質を引き渡す.ダアヤque se vaは、USAR como Mixin changenotifierエヌラCaseユーザー提供者です

import 'package:flutter/material.dart';

Crear la claseユーザ提供者y利用者como混合物

class UserProvider with ChangeNotifier {
  ...
}

クレアのNANA可変Privada que VA Conteerエルnombreデusuario、タビィn n agregar ungetter para que se pueda obtener este valor fuera de la clase userprovider.

String _username = 'Guest';

String get username => _username;

Crear un mは、todo que vaに、alalbreデusuario y a su vez va a notificarロスcambiosです.

void onChange(value) {
  _username = value;

// Notificar los cambios con notifyListeners();
  notifyListeners();
}

プロバイダパラ猫

プロバイダー.ダート

import 'package:flutter/material.dart';
import 'package:state_management/models/item_model.dart';

class CatalogProvider with ChangeNotifier {
  List<ItemModel> _catalog = [];

  List<ItemModel> get catalog => _catalog;

  void addToCatalog(ItemModel itemModel) {
    _catalog.add(itemModel);
    notifyListeners();
  }

  void removeFromCatalog(ItemModel itemModel) {
    _catalog.remove(itemModel);
    notifyListeners();
  }
}

フランス語
アルIgual que conユーザー残高プロバイダー.ダーツes必需品輸入者リブラは、材料を材料とします.ダーツ、peroエスタVizタビィは、saは、ser必需品ItemMountモデルです.Dar Ya que seバンusar objetosデtipo itemmodel.

import 'package:flutter/material.dart';
import 'package:state_management/models/item_model.dart';

Crear la claseプロバイダーについて

class CatalogProvider with ChangeNotifier {
  ...
}

クレアのNANA可変Privada que VA a ContenerエルListadoデアイテム、タビィN . Agregar国連ゲッターパラque se pueda obtener este listado fuera de la clase catalogprovider.

List<ItemModel> _catalog = [];

List<ItemModel> get catalog => _catalog;

Crear un mは、todo para agregar un nuevoアイテムal listado y a su vez va a notificarロスcambiosです.

void addToCatalog(ItemModel itemModel) {
  _catalog.add(itemModel);

// Notificar los cambios con notifyListeners();
  notifyListeners();
}

クレアotro mは、todoパラシュートで降下してください.

void removeFromCatalog(ItemModel itemModel) {
  _catalog.remove(itemModel);

// Notificar los cambios con notifyListeners();
  notifyListeners();
}

主な変更点.ダート

import 'package:provider/provider.dart';
import 'package:state_management/providers/catalog_provider.dart';
import 'package:state_management/providers/user_provider.dart';

...

void main() => runApp(
      MultiProvider(
        providers: [
          ChangeNotifierProvider(create: (_) => UserProvider()),
          ChangeNotifierProvider(create: (_) => CatalogProvider())
        ],
        child: MyApp(),
      ),
    );

フランス語
輸入業者リサラープロバイダダーツアデムは、デロスArchivos Catalogstraプロバイダーです.ダーツyユーザー.ダート.

import 'package:provider/provider.dart';
import 'package:state_management/providers/catalog_provider.dart';
import 'package:state_management/providers/user_provider.dart';

東方の変身void main() => runApp(MyApp());ポルシェseデディンクレールロサンゼルスプロバイダエルnivel mのは、アルトPosibleエヌラJerarquは、デウィジェットです.

void main() => runApp(
// Agregar un MultiProvider ya que se van a utilizar varios providers
      MultiProvider(
        providers: [

// Crear el CatalogProvider
          ChangeNotifierProvider(create: (_) => UserProvider()),

// Crear el UserProvider
          ChangeNotifierProvider(create: (_) => CatalogProvider())
        ],

// Pasar MyApp() como widget hijo
        child: MyApp(),
      ),
    );

眺望

エヌesta secciは、n se se mostrarは、ロスCambios必需品を実現します.

ユーザ。ダート

import 'package:provider/provider.dart';
import 'package:state_management/providers/user_provider.dart';

...

@override
void initState() {
  super.initState();

  _textEditingController =
      TextEditingController(text: context.read<UserProvider>().username);
}

...

final _userProvider = Provider.of<UserProvider>(context);

...

title: Text('User - ${_userProvider.username}'),

...

onChanged: (value) {
  _userProvider.onChange(value);
},

フランス語
輸入業者リサラープロバイダダーツyエルArchivoユーザーはプロバイダ.ダート

import 'package:provider/provider.dart';
import 'package:state_management/providers/user_provider.dart';

<研究ノート>トードーinitState PalarエルPonarエルnombreデusubreデusuario al texteditingController、esto se hace para tener un valor por default en el campoデtexto

@override
void initState() {
  super.initState();

// Obtener el nombre de usuario fuera de una vista con
// context.read<UserProvider>().username
  _textEditingController =
      TextEditingController(text: context.read<UserProvider>().username);
}

Avregar Nuna変数私設者enエルmbuild ユーザの設定

final _userProvider = Provider.of<UserProvider>(context);

アグレガーエルノンブルデユサリオアルT_userProvider.username

title: Text('User - ${_userProvider.username}'),

ラマールエルMonChange デuserProviderアルMomentoデHacerアンcambioエヌエルcampoデtexto.

onChanged: (value) {
  _userProvider.onChange(value);
},

カタログ.ダート

import 'package:provider/provider.dart';
import 'package:state_management/providers/catalog_provider.dart';

...

child: CircleAvatar(
  child: Text(
    '${context.watch<CatalogProvider>().catalog.length}',

...

@override
Widget build(BuildContext context) {
  final _catalogProvider =
      Provider.of<CatalogProvider>(context, listen: false);

...

trailing: IconButton(
  onPressed: () {
    if (items[index].addedToCart) {
      _catalogProvider.removeFromCatalog(items[index]);
    } else {
      _catalogProvider.addToCatalog(items[index]);
    }

フランス語
インポートラライブラは、プロバイダYエルArchivoのカタログを提供します.ダート

import 'package:provider/provider.dart';
import 'package:state_management/providers/catalog_provider.dart';

<商学・経営学編>アヴェ・バーの経営理念context.watch

child: CircleAvatar(
  child: Text(
    '${context.watch<CatalogProvider>().catalog.length}',

クレアNANA変数PrivadaデTipoプロバイダー、peroクレダコンエルparメトロlisten エヌFalse、ya que se vaは、利用者パラシュートで降下します.

@override
Widget build(BuildContext context) {
  final _catalogProvider =
      Provider.of<CatalogProvider>(context, listen: false);

利用_catalogProvider パラリムーバーO AgregarアイテムアルListadoデアイテム.

trailing: IconButton(
  onPressed: () {
    if (items[index].addedToCart) {
      _catalogProvider.removeFromCatalog(items[index]);
    } else {
      _catalogProvider.addToCatalog(items[index]);
    }

カート.ダート

import 'package:state_management/providers/catalog_provider.dart';
import 'package:state_management/providers/user_provider.dart';
import 'package:provider/provider.dart';

...

@override
  Widget build(BuildContext context) {
    final _userProvider = Provider.of<UserProvider>(context);
    final _catalogProvider = Provider.of<CatalogProvider>(context);

...

child: ListView.builder(
  itemCount: _catalogProvider.catalog.length,
  itemBuilder: (context, index) => ListTile(
    title: Text(
      '${_catalogProvider.catalog[index].name}'.toUpperCase(),
      style: TextStyle(fontWeight: FontWeight.bold),
    ),
    trailing: Text(
      '\$${_catalogProvider.catalog[index].price.toStringAsFixed(2)}',
    ),
  ),
),

...

Column(
  children: [
    CircleAvatar(
      child: Text(
          getInitials(_userProvider.username).toUpperCase()),
    ),
    Text(
      '${_userProvider.username}',
      style: TextStyle(
        fontWeight: FontWeight.bold,
      ),
    ),
  ],
),

...

Text(
  '\$${formatTotal(_catalogProvider.catalog)}',

フランス語
インポートLa Liilerは、プロバイダYロスArchivos Catalogstraプロバイダーを与えます.ダーツyユーザー.ダート

import 'package:state_management/providers/catalog_provider.dart';
import 'package:state_management/providers/user_provider.dart';
import 'package:provider/provider.dart';

クレアDOS変数プライベート、パラobtenerロスDatosデルプロバイダーデユーザーYカタログ.

@override
  Widget build(BuildContext context) {
    final _userProvider = Provider.of<UserProvider>(context);
    final _catalogProvider = Provider.of<CatalogProvider>(context);

アクチュアリーListView.builder

child: ListView.builder(

// Actualizar el contador de items.
  itemCount: _catalogProvider.catalog.length,
  itemBuilder: (context, index) => ListTile(
    title: Text(

// Mostrar el nombre del item.
      '${_catalogProvider.catalog[index].name}'.toUpperCase(),
      style: TextStyle(fontWeight: FontWeight.bold),
    ),
    trailing: Text(

// Mostrar el precio del producto con dos decimales.
'\$${_catalogProvider.catalog[index].price.toStringAsFixed(2)}',
    ),
  ),
),

エルスブル・ド・ウサリオのアクチュアリー

Column(
  children: [
    CircleAvatar(
      child: Text(

// Mostrar las iniciales del nombre de usuario
          getInitials(_userProvider.username).toUpperCase()),
    ),
    Text(

// Mostrar el nombre de usuario
      '${_userProvider.username}',
      style: TextStyle(
        fontWeight: FontWeight.bold,
      ),
    ),
  ],
),

LosアイテムのActualizarエルValor合計.

Text(
  '\$${formatTotal(_catalogProvider.catalog)}',

ESO esトド、Recurerda que Cは、digoデesta guをse se lo puede encontrar en githubです.

傭兵 / フラッタ状態管理デモ

マネホデestadosエヌフラッター