Question

我有一个登录页面，当我尝试在输入中插入文本时出现此错误：RenderFlex在底部溢出了104个像素。

这是我的代码的一部分：

        Widget build(BuildContext context) {
         return Scaffold(
          backgroundColor: Colors.white,
           body: Center(
           child: Container(
           decoration: BoxDecoration(
            gradient: LinearGradient(
              begin: Alignment.topRight,
              end: Alignment.bottomLeft,
              colors: [Colors.blue, Colors.teal])),
          child: Column(
           children: <Widget>[
          Padding(
            padding: const EdgeInsets.only(top: 70.0, bottom: 0.0),
            child: Image.asset(
              'asset/img/téléchargement.jpg',
              height: 100,
              width: 100,
            ),
          ),
          Card(
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(15)),
            margin: EdgeInsets.fromLTRB(35, 3, 35, 60),
            elevation: 4.0,
            color: Colors.white,
            child: ListView(
              shrinkWrap: true,
              children: <Widget>[...

我必须在卡中放入填充物，但无济于事。

Answer 1

用身体包裹您的身体 SingleChildScrollView() 您的代码应如下所示：

        Widget build(BuildContext context) {
         return Scaffold(
          backgroundColor: Colors.white,
           body: SingleChildScrollView(child:Center(
           child: Container(
           decoration: BoxDecoration(
            gradient: LinearGradient(
              begin: Alignment.topRight,
              end: Alignment.bottomLeft,
              colors: [Colors.blue, Colors.teal])),
          child: Column(
           children: <Widget>[
          Padding(
            padding: const EdgeInsets.only(top: 70.0, bottom: 0.0),
            child: Image.asset(
              'asset/img/téléchargement.jpg',
              height: 100,
              width: 100,
            ),
          ),
          Card(
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(15)),
            margin: EdgeInsets.fromLTRB(35, 3, 35, 60),
            elevation: 4.0,
            color: Colors.white,
            child: ListView(
              shrinkWrap: true,
              children: <Widget>[...

假设溢出位于屏幕底部。

Answer 2

尝试像这样使用SingleChildScrollView()：

Scaffold(
  backgroundColor: Colors.white,
  body: SingleChildScrollView(
    child: Container(
      child: //CONTINUE YOUR CODE FROM HERE
    ),
  ),
);

您也可以尝试在physics内的SingleChildScrollView()属性中获得更好的用户体验

这可能对您有帮助

如何解决问题RenderFlex底部溢出了104个像素。扑扑？

2 个答案: