Блог

В настоящее время мой код выглядит следующим образом.

    return SingleChildScrollView(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          if (_isLandscape)
            Row(
              children: [
                imageFrame,
                Column(
                  children: [
                    myBuyFunctionality,
                    myTabBarView,
                  ],
                ),
              ],
            )
          else
            Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                imageFrame,
                SizedBox(
                  height: 20,
                ),
                myBuyFunctionality,
                myTabBarView,
              ],
            ),
          Align(
            alignment: Alignment.bottomCenter,
            child: _isBuyNow ? buyNowButton : placeBidButton,
          ),
        ],
      ),
    ),
  

Мой код работает абсолютно нормально, пока я не поместил myTabBarView в дерево. Он состоит из 2 дочерних виджетов, подобных этому.

 var myTabBarView = TabBarView(
  controller: _tabController,
  children: [
    placeBidBody(),
    placeBidBody(),
  ],
);
  

В placeBidBody у меня есть только текстовое поле, немного текста и интервал, просто обычный материал, заключенный в столбец.

Всякий раз, когда я помещаю myTabBarView в свой SingleChildScrollView, он выдает ошибку:

 Horizontal viewport was given unbounded height.
  

Не могли бы вы, пожалуйста, сообщить мне, что я делаю неправильно, или если есть лучший способ структурировать все это.

Я все еще относительно новичок в flutter, поэтому ваша помощь была бы очень признательна.

 Wrap the parent widget(Column) with a limited height widget like SizedBox or 
AspectRatio. Then use the Expanded widget like this:

child: SizedBox(
height: 300.0,
child: Column(
children: <Widget>[
   .
   .
   .
 Expanded(
 child: TabBarView(
 children: <Widget>[
]))]))
  

второе решение

  SizedBox.expand(
    child: TabBarView(),
  )