как добавить дизайн вверху после этого списка с динамическим списком размеров, а затем под некоторым дизайном для рекламы и комментариев в flutter

#flutter #mobile #flutter-layout

Вопрос:

 Scaffold(
  appBar: AppBar(
    title: Text("Design test..."),
  ),
  body: Container(
    margin:EdgeInsets.fromLTRB(0, MediaQuery.of(context).padding.top, 0, 0
  ),
  child: Column(
      children: [
        Container(//for Some Kind of design at top),
        Column(
          children: [
            ListView.builder(
                itemCount: listLength.length,
                itemBuilder: (BuildContext buildContext, int index) {
                return ListTile(title: Text("hello world")
              );
            }),
       //i want to add some design here after the list view for advertisement and comment

          ],
        ),

      ],
    ),
  ),
);
 

моя длина элемента listview.builder() динамична, поэтому я хочу расширить свой список так, как это требуется, и когда он закончится, мне понадобится какой-то дизайн, такой же, как дизайн на YouTube, где в верхнем видеоплеере после этого списка видео и в конце части комментариев.спасибо.
введите описание изображения здесь

Ответ №1:

Да, вы можете добиться этого, обратитесь к этому коду. используйте метод сборки, подобный этому.

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body : ListView(
         //Base Listview, it can be scrollable if content is large also
        children:[
          Container(
            //Sample widget you can use your own
           child:Text("Here is some design At Top")
          ),
          ListView.builder(
            //use shrinkWrap:true and physics:NeverScrollableScrollPhysics()
            shrinkWrap: true,
            physics: NeverScrollableScrollPhysics(),
            itemCount: 10, //it can be dynamic and null checks can be appield, 
          itemBuilder: (context, index){
          return Text("ListItem $index");
          },
          ),
          Container(
            //Sample widget you can use your own
            child: Text("Some Design for Ads")
          ),
          Container(
            //Sample widget you can use your own
            child: Text("Some Design for Commentes")
          )
        ]
      )
    );
  }
 

Пример изображения для приведенного выше кода

Отметьте ответ как правильный, если это помогло !!