как решить проблему RenderFlex переполнен на 104 пикселя внизу. в трепете? - PullRequest
1 голос
/ 09 июля 2020

у меня есть страница входа, на которой появляется эта ошибка, когда я пытаюсь вставить текст во вход: 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>[... 

Мне нужно вставить отступ внутри карты, но ничего не работает.

Ответы [ 2 ]

0 голосов
/ 09 июля 2020

Попробуйте использовать SingleChildScrollView() следующим образом:

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

Вы также можете попробовать свойство physics внутри SingleChildScrollView(), чтобы улучшить взаимодействие с пользователем

Это может вам помочь

0 голосов
/ 09 июля 2020

Оберните свое тело 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>[... 

Предполагается, что переполнение находится внизу экрана.

...