Проблемы при использовании пакета Flutter Provider - PullRequest
Новая
       31

Проблемы при использовании пакета Flutter Provider

1 голос
/ 30 апреля 2020

Я создаю очень простое приложение для тренировки пакета провайдера. В приложении есть лампочка, которая при нажатии должна менять фон и фон экрана, используя провайдера. Но это не похоже на работу. TBH, это сильно сбивает с толку 

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

void main() => runApp(MainApp());

class Data extends ChangeNotifier{
  bool isOn = false;
  void toggle(){
    this.isOn = !this.isOn;
    notifyListeners();
    print("new value is $isOn");
  }
}

class MainApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<Data>(
      create: (context) => Data(),
      child: MaterialApp(
        home: Home(),
      ),
    );
  }
}

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      backgroundColor: Provider.of<Data>(context).isOn ? Colors.yellow[100] : Colors.black,
      body: Center(
        child: Column(
          children: <Widget>[
            Stick(),
            Bulb(),
          ],
        ),
      ),
    );
  }
}

class Stick extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 150,
      width: 40,
      color: Colors.brown,
    );
  }
}

class Bulb extends StatefulWidget {
  @override
  _BulbState createState() => _BulbState();
}

class _BulbState extends State<Bulb> {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 200,
      width: 250,
      decoration: BoxDecoration(
          borderRadius: BorderRadius.only(
              topLeft: Radius.circular(100),
              topRight: Radius.circular(100),
              bottomLeft: Radius.circular(30),
              bottomRight: Radius.circular(30)),
          color: Provider.of<Data>(context).isOn ? Colors.yellow : Colors.white,
      ),
      child: GestureDetector(
        onTap: (){
          Provider.of<Data>(context).toggle();
          setState(() {
          });
        },
      ),
    );
  }
}

В древовидной структуре есть основное приложение, в котором размещается приложение Home, в котором находятся 2 других виджета, палка и лампочка внутри контейнера. Я пытаюсь обновить фон лампочки и виджет Главная при нажатии лампочки. Лампа имеет детектор жестов. Любая подсказка или помощь приветствуются

1 Ответ

2 голосов
/ 30 апреля 2020

Попробуйте добавить listen: false к вызову провайдера: 

Provider.of<Data>(context, listen: false).toggle();
...