Flutter 颤振中的可滚动柱

我想让我的屏幕滚动，但这是没有发生。我正在制作一个应用程序，我想在其中显示图像、标题和描述。我已经成功地显示了数据，但现在想让屏幕滚动。我还想添加一个应用程序栏，但是两个应用程序栏一个在另一个下面出现

这是我的代码：

import 'dart:convert';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:http/http.dart' as http;
import 'package:kmitra/app_screens/fragment_topheadlines.dart';

import 'News.dart';

class Newsdetail extends StatefulWidget {
  final String value_image, value_description, value_title;

  /*String value_image,value_description;
 int index;*/

  Newsdetail(
      {Key key,
      @required this.value_image,
      this.value_description,
      this.value_title})
      : super(key: key);

  @override
  _newsdetail createState() => _newsdetail();
}

class _newsdetail extends State<Newsdetail> {
  _newsdetail();

  // List<News> dataList = List();
  bool _isLoading = false;
  BuildContext context1;

  Future loadyourData() async {
    setState(() {
      _isLoading = true;
    });

    @override
    void initState() {
      super.initState();

      loadyourData();
    }
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      body: SingleChildScrollView(
          child: Container(
              child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          children: <Widget>[
            Expanded(
                child: Image.network(
              widget.value_image, //image
            )),
            Padding(
              padding: const EdgeInsets.fromLTRB(6.0, 8.0, 0, 8.0),
              child: Text(
                widget.value_title, //title
                style: TextStyle(fontSize: 25.0),
              ),
            ),
            Expanded(
                child: Text(
              widget.value_description, //descrpition
              style: TextStyle(fontSize: 18.0),
            )),
          ],
        ),
      ))),
    );
  }
}

导入'dart:convert'；
进口“包装：颤振/cupertino.dart”；
进口“包装：颤振/材料.省道”；
导入“包：intl/intl.dart”；
将“package:http/http.dart”导入为http；
导入“package:kmitra/app_screens/fragment_TopHeaders.dart”；
导入“News.dart”；
类Newsdetail扩展了StatefulWidget{
最终字符串值\图像、值\描述、值\标题；
/*字符串值\图像，值\描述；
整数指数*/
新闻详情(
{键，
@需要此.value\u图像，
这是你的描述，
this.value_title}）
：super（key:key）；
@凌驾
_newsdetail createState（）=>\u newsdetail（）；
}
类newsdetail扩展了状态{
_newsdetail（）；
//List dataList=List（）；
bool_isLoading=false；
构建上下文上下文1；
Future loadyourData（）异步{
设置状态（）{
_isLoading=true；
});
@凌驾
void initState（）{
super.initState（）；
加载您的数据（）；
}
}
@凌驾
小部件构建（构建上下文）{
//TODO:实现构建
返回脚手架(
正文：SingleChildScrollView(
子：容器(
孩子：填充(
填充：常数边集全部（8.0），
子：列(
儿童：[
扩大(
孩子：Image.network(
widget.value\u image，//image
)),
填充物(
填充：LTRB（6.0,8.0,0,8.0）中的常量边集，
子：文本(
widget.value\u title，//title
样式：TextStyle（fontSize:25.0），
),
),
扩大(
子：文本(
widget.value\u说明，//说明
样式：TextStyle（fontSize:18.0），
)),
],
),
))),
);
}
}

使用

或

您可以在中使用Listview或SingleChildScrollView作为可滚动视图 身体

ListView(
收缩膜：对，
填充：所有边缘设置（15.0），
儿童：[
//你的孩子们
]
)

---

在

Container

小部件中使用

SingleChildScrollView

，如下所示

Container(
  child:  SingleChildScrollView(
    child:  Column(
      children: <Widget>[
        _showChild1(),
       other child widgets
        ...
      ]
    )
  )
);

容器(
子：SingleChildScrollView(
子：列(
儿童：[
_showChild1（），
其他子窗口小部件
...
]
)
)
);

我通过使用column小部件中的行，然后使用SinglechildScrollView找到了解决方案。

您需要pageView小部件（比如app tour start in app）？您的视图是否太长，需要滚动？我觉得这是一个需要滚动的子小部件，而不是父小部件。实际上，描述很大，需要滚动。这对单独的描述很有效。我想滚动整个页面。你想同时滚动这两个页面吗？你说“实际上描述很大，需要滚动”。最好提供一个突出问题的屏幕截图

SingleChildScrollView(
                        child: Text(
                      widget.value_description,       //descrpition
                      style: TextStyle(fontSize: 18.0),
                    )),

Flexible(
                        child: Text(
                      widget.value_description,       //descrpition
                      style: TextStyle(fontSize: 18.0),
                    )),

ListView(
      shrinkWrap: true,
      padding: EdgeInsets.all(15.0),
      children: <Widget>[
        //Your Column Childrens
      ]
    )

Container(
  child:  SingleChildScrollView(
    child:  Column(
      children: <Widget>[
        _showChild1(),
       other child widgets
        ...
      ]
    )
  )
);