трепетание - использование провайдера для глобального изменения размера шрифта - PullRequest
Новая
       6

трепетание - использование провайдера для глобального изменения размера шрифта

1 голос
/ 08 февраля 2020

Я пытаюсь использовать провайдера в своем приложении, чтобы позволить пользователю изменять размер шрифта для некоторых виджетов.

Я следую методу, описанному в github.com/flutter/samples/blob /master/provider_counter/lib/main.dart, но размер шрифта не меняется.

У меня есть виджет пользовательского интерфейса, который показывает кнопки плюс и минус: 

import "package:flutter/material.dart";
import './size_controller.dart';
import 'package:provider/provider.dart';


class TypeSize extends StatelessWidget {


  final _standardSize = 20.0;

  @override

  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(20.0),
      child: Row(
        children: <Widget>[
          Text(
            "Change type size: ",
            style: TextStyle(fontSize: _standardSize),
          ),
          ButtonTheme(
              minWidth: 50,
              child: RaisedButton(
                onPressed: () {
                  if (_standardSize < 23.0) {
                    Provider.of<FontSizeController>(context, listen: false).increment(_standardSize);
                  }
                },
                child: Text(
                  "+", style: TextStyle(
                    color: Colors.white,
                    fontSize: 30),
                  ),
                color: Colors.green,
              ),
            ),
          ButtonTheme(
            minWidth: 50,
            child: RaisedButton(
              onPressed: () {
                if (_standardSize > 20.0) {
                    Provider.of<FontSizeController>(context, listen: false).decrement(_standardSize);
                }
              },
              child: Text(
                "-", style: TextStyle(
                  color: Colors.white,
                  fontSize: 30,
                  ),
                ),
              color: Colors.green,
            ),
          ),
        ],
      ),
    );
  }
}

FontSizeController выглядит следующим образом : 

import 'package:flutter/material.dart';

class FontSizeController with ChangeNotifier {

  double value = 20.0;

  void increment(value) {
    value ++;
    notifyListeners();
  }

  void decrement(value) {
    value --;
    notifyListeners();
  }

}

и, наконец, виджет, который я хочу изменить, выглядит следующим образом: 

import 'package:flutter/material.dart';
// import 'package:wfa_ambo_bloc/main.dart';
import 'package:provider/provider.dart';
import '../controllers/size_controller.dart';

class Comfort extends StatefulWidget {
  @override
  _ComfortState createState() => _ComfortState();
}

class _ComfortState extends State<Comfort> {

  int _comfortSliderValue = 3;
  // double _standardSize = 20;

  @override

  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(bottom: 40),
      child: Column(
      children: <Widget>[
        Align(
          alignment: Alignment.centerLeft,
          child: ChangeNotifierProvider(
            create: (context) => FontSizeController(),
            child: Container(
              padding: EdgeInsets.all(20.0),
              child: Consumer<FontSizeController>(
                builder: (
                  context, 
                  sizeController, 
                  child) => Text(
                    "How comfortable was your journey?",
                  textAlign: TextAlign.left,
                  style: TextStyle(
                    fontWeight: FontWeight.w400,
                    fontFamily: "Roboto",
                    letterSpacing: 0.5,
                      fontSize: sizeController.value,
                    ),
                  ),
                ),
              ),
            ),
          ),
... etc

Ничего не происходит при нажатии кнопок. Кто-нибудь может помочь, пожалуйста?

Пример, который я пытаюсь адаптировать, содержится в main (), но я выделил свои виджеты, чтобы попытаться сделать все чище - это то, что имеет значение

1 Ответ

0 голосов
/ 08 февраля 2020

Нет необходимости использовать переменную в вашем виджете (удалить _standardSize).

Просто сохраните значение в вашем ChangeNotifier и используйте его напрямую (через геттер): 

import 'package:flutter/material.dart';

class FontSizeController with ChangeNotifier {

  double _value = 20.0;

  int get value => _value;

  void increment() {
    _value++;
    notifyListeners();
  }

  void decrement() {
    _value--;
    notifyListeners();
  }

}

Затем на кнопках «плюс» и «минус» просто увеличьте или уменьшите значение от ChangeNotifier: 

// on plus button pressed
Provider.of<FontSizeController>(context, listen: false).increment();

// on minus button pressed
Provider.of<FontSizeController>(context, listen: false).decrement();

Наконец, в виджете, где вы хотите, чтобы ваш текст был размером: 

fontSize: Provider.of<FontSizeController>(context, listen: false).value
...