Блог

Экран

Всем привет, как я могу заставить это исчезнуть ? между 2 контейнерами. У меня есть строка с 3 столбцами и еще один в столбцах.

Это мое приложение :

 class _FilmPageState extends Statelt;FilmPagegt; {  final urlImage = "assets/images/Spider-Man No way home poster.jpg";  @override  Widget build(BuildContext context) =gt; Scaffold(  drawer: NavigationMenu(),  // endDrawer: NavigationDrawerWidget(),  appBar: PreferredSize(  preferredSize: Size.fromHeight(270),  child: AppBar(  elevation: 0,  flexibleSpace: Image(  image: AssetImage(urlImage),  fit: BoxFit.cover,  ),  ),  ),  body: Column(  children: [  FilmTitle(),  FilmSection(),  ],  )  ); }  

Это мой раздел фильмов с рядом, колонками и контейнерами : Внутри у нас есть подробная информация о разделе, я хочу знать, как я могу сделать оформление боковой границы не заполненным, как экран ?

 class FilmSection extends StatelessWidget {  @override  Widget build(BuildContext context) {  return Container(  padding: EdgeInsets.fromLTRB(20, 0, 20, 0),  color: digital_blueb,  child: Column(  children: [  Row(  children: [  Column(  children: [  Container(  width: 70,  height: 125,  child: Center(  child: Text("85%", style: TextStyle(fontSize: 20, color: Colors.white)),  ),  decoration: ShapeDecoration(  color: digital_blueb,  shape: CircleBorder(  side: BorderSide(  width: 5,  color: digital_green,  )  )  ),  ),  Container(  child: Center(  child: (Text("Note du public", style: TextStyle(color: Colors.grey[500], fontWeight: FontWeight.bold,fontSize: 15))  ),  ),  ),  ],  ),  Column(  children: [  Container(  height: 110,  width: 50,  child: VerticalDivider(color: Colors.white),  ),  ],  ),  Column(  crossAxisAlignment: CrossAxisAlignment.start,  children: [  Container(  margin: EdgeInsets.only(left: 10),  child: Column(  children: [  Text("2h30",style: TextStyle(color: Colors.grey[500], fontWeight: FontWeight.bold)),  ],  ),  ),  SizedBox(height: 15),  Container(  margin: EdgeInsets.only(left: 10),  child: Column(  children: [  Text("15 Décembre 2021", style: TextStyle(color: Colors.grey[500], fontWeight: FontWeight.bold)),  ],  ),  ),  SizedBox(height: 15),  Container(  margin: EdgeInsets.only(left: 10),  child: Column(  children: [  Text("Action/Aventure", style: TextStyle(color: Colors.grey[500], fontWeight: FontWeight.bold)),  ],  ),  ),  SizedBox(height: 15),  Container(  margin: EdgeInsets.only(left: 10),  child: Column(  children: [  Text("Tous publics", style: TextStyle(color: Colors.grey[500], fontWeight: FontWeight.bold)),  ],  ),  ),  ],  ),  ],  ),  

Попробуйте это, в вашем FilmTitle(), сложите контейнер градиентного цвета:

 Stack(  children:[  AspectRatio(  ratio: 1,  child: image.Network(''),  ),  AspectRatio(  ratio: 1,  child: Container(  decoration: BoxDecoration(  gradient: LinearGradient(  begin: Alignment.topCenter,  end: Alignment.bottomCenter,  stops: [  0.1,  0.7,  0.9,  ],  colors: [  Colors.transparent,  Colors.transparent,  digital_blueb,  ],  )  ),  ),  ], ),