Return 构建器中的两个设计元素

Question

       Widget build(BuildContext context) {
    super.build(context);
    return Scaffold(
...
...
...

builder: (BuildContext context) { //BuildContext context
              final innerScrollController = PrimaryScrollController.of(context);
              return TabMedium(
                sc: innerScrollController,
                tc: _tabController,
              );
              return  BannerAdAdmob();            
            }

目前，它仅显示 TabMedium() 视图。我如何放置这些视图的顶部和底部？

我能得到什么？

我想要什么？

谢谢...

Answer 1

您不能添加两个 return，只会执行第一个 return。如果你想像你在图片中显示的那样显示两个小部件，你可以使用 Column.

       Widget build(BuildContext context) {
    super.build(context);
    return Scaffold(
...
...
...

builder: (BuildContext context) { //BuildContext context
              final innerScrollController = PrimaryScrollController.of(context);
              return Column(
               mainAxisSize: MainAxisSize.max,
               children:[
                 Expanded(
                   child:TabMedium(
                           sc: innerScrollController,
                           tc: _tabController,
                   ),
                 ),
                 BannerAdAdmob(),
               ],
              );         
            }

Answer 2

发生这种情况是因为您 return 其中之一。

尝试将它们放在一个列中，可能是这样的：

（我没有编译它，但它应该可以工作）

builder: (BuildContext context) { //BuildContext context
          final innerScrollController = PrimaryScrollController.of(context);
          return Column(
           mainAxisSize: MainAxisSize.max,
            children[
              TabMedium(
              sc: innerScrollController,
              tc: _tabController,
              ),
              BannerAdAdmob(),  
            ],


          );
          
              
        }

Answer 3

你试过了吗Column??

Widget build(BuildContext context) {
super.build(context);
return Scaffold(
...
...
...
builder: (BuildContext context) { //BuildContext context
          final innerScrollController = PrimaryScrollController.of(context);
          return Column(
         
           children:[
             Expanded(
               child:TabMedium(
                       sc: innerScrollController,
                       tc: _tabController,
               ),
             ),
             BannerAdAdmob(),
           ],
          );         
        }

Return 构建器中的两个设计元素

Return two design elements in builder

scaffold

dart

flutter

flutter-layout