在一类中调用streambuilder的小部件到另一类的多个位置

问题描述

import 'package:amazon_bloc/bloc/cart_items_bloc.dart';
import 'package:amazon_bloc/pages/topBar.dart';

import 'package:Flutter/material.dart';

class ShopItems extends StatelessWidget {
  Widget build(BuildContext context) {
    return Scaffold(
        
        body: ProductList());
  }
}

class ShopItemsWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return StreamBuilder(
      initialData: bloc.allItems,stream: bloc.getStream,builder: (context,snapshot) {
        
        return shopItemsListBuilder(snapshot);
      },);
  }
}

Widget shopItemsListBuilder(snapshot) {
  return ListView.builder(
    itemCount: snapshot.data["shop items"].length,scrollDirection: Axis.horizontal,itemBuilder: (BuildContext context,i) {
      final shopList = snapshot.data["shop items"];
      return Container(
        height: 100,width: 200,child: Column(
          children: <Widget>[
            Card(
              elevation: 5,shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(30.0)),child: Container(
                width: 200,child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,children: <Widget>[
                    SizedBox(
                      height: 15,),Stack(
                      children: <Widget>[
                        Icon(Icons.bookmark),Image.asset(
                          shopList[i]['productimage'],height: 130.0,width: 180.0,],Text(
                      shopList[i]['productTitle'],style: TextStyle(fontSize: 12),Row(
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,children: <Widget>[
                        Container(
                          height: 30,width: 80,child: Card(
                              elevation: 5,shape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.circular(30.0)),child: Text(
                                shopList[i]['productTitle'],textAlign: TextAlign.center,style: TextStyle(
                                    fontSize: 18.0,color: Colors.grey),)),IconButton(
                          icon: Icon(Icons.add_shopping_cart),onpressed: () {
                            bloc.addToCart(shopList[i]);
                          },);
    },);
}

class ProductList extends StatefulWidget {
  @override
  _ProductListState createState() => _ProductListState();
}

class _ProductListState extends State<ProductList> {
  Widget build(BuildContext context) {
    return SafeArea(
        child: Container(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,children: <Widget>[
          
          ShopItemsWidget(),Container(
            padding: EdgeInsets.only(left: 40.0),child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,children: <Widget>[
                Text(
                  "Most Popular",style: TextStyle(
                    fontSize: 28,fontWeight: FontWeight.bold,Text(
                  "see more >",style: TextStyle(
                    fontSize: 18,));
  }
}

我想在ProductList的多个位置使用streambuilder。产品列表是静态ui部分...我想放置流生成器，以便可以在ui的中间使用动态listview.builder
注意：这只是随机文本这只是随机文本这只是随机文本这只是随机文本这只是随机文本

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）