Как получить доступ к моделям Scoped-модели - PullRequest
Новая
       18

Как получить доступ к моделям Scoped-модели

1 голос
/ 22 апреля 2019

Я пытаюсь получить доступ к своим моделям в виджете _buildProductCard: 

Widget build(BuildContext context) {
    return ScopedModelDescendant<ConnectedProductModel>(
      builder:
          (BuildContext context, Widget child, ConnectedProductModel model) {
        return Scaffold(
          drawer: Drawer(),
          appBar: AppBar(),
          body: Column(
            children: <Widget>[
              Container(
                child: RaisedButton(
                  onPressed: () => model.addProduct('NaNa',
                      'https://cdn.pixabay.com/photo/2019/01/27/22/31/girl-3959203__340.jpg'),
                  child: Text('Add Product'),
                ),
              ),
              Expanded(
                child: ListView.builder(
                  //build the cards
                  itemBuilder: _buildProductCard,
                  //lengta of the list,
                  itemCount: model.product.length,
                ),
              ),
            ],
          ),
        );
      },
    );
  }

  Widget _buildProductCard(BuildContext context, int index) {
      return Card(
        child: Column(
          children: <Widget>[
            Image.network(model.product[index].image),
            Text(model.product[index].address),
            ButtonBar(
              alignment: MainAxisAlignment.center,
              children: <Widget>[
                IconButton(
                  icon: Icon(Icons.location_on, color: Colors.blue, size: 40.0),
                  onPressed: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                          builder: (context) => ProductNavigation()),
                    );
                  },
                ),
                IconButton(
                  icon: Icon(Icons.delete, color: Colors.blue, size: 40.0),
                  onPressed: () => model.deleteProduct(index),
                ),
                IconButton(
                  icon: Icon(Icons.info, color: Colors.blue, size: 40.0),
                  onPressed: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                        builder: (context) => ProductInfoPage(
                            model.product[index].address,
                            model.product[index].image,
                            model.product[index].id),
                      ),
                    );
                  },
                ),
                IconButton(
                  icon:
                      Icon(Icons.contact_mail, color: Colors.blue, size: 40.0),
                  onPressed: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(builder: (context) => FormPage()),
                    );
                  },
                )
              ],

Как видите, я обернул свой скаффолд ScopedModelDescendant, но я не могу получить доступ к своим моделям внутри метода _buildProductCard. Если я обернул my_buildProductCard ScopedModelDescendant, я, конечно, смогу получить доступ, но он заставил функцию работать очень медленно, потому что просто собрал ее дважды, и я уверен, что есть лучший способ сделать это

1 Ответ

1 голос
/ 22 апреля 2019

На вашем конструкторе предметов вы можете сделать следующее: 

itemBuilder: (BuildContext context, int index) {
                return _buildProductCard(context, index, model);
              })

А в вас _buildProductCard добавьте дополнительный параметр Модель ConnectedProductModel . Так что подпись будет Widget _buildProductCard(BuildContext context, int index, ConnectedProductModel model)

Только не забудьте return внутри itemBuilder.
Надеюсь, что это поможет.

...