flutter-layout 相关问题

我正在尝试创建此设计。。我的代码行（mainAxisSize：MainAxisSize.max，crossAxisAlignment：CrossAxisAlignment.start，子代： ] >>>> 此代码经过一些样式修饰后，应该可以从图像实现设计。祝好运。 :) import 'package:flutter/material.dart'; void main() { runApp( MyApp(), ); } class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); } class _MyAppState extends State<MyApp> { @override void initState() { super.initState(); } @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: true, home: Scaffold( body: SafeArea( child: ListView( children: <Widget>[ getCard(), getCard(), getCard(), getCard(), getCard(), getCard(), getCard(), getCard(), ], )))); } getCard() { return Container( margin: EdgeInsets.all(10), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(8), boxShadow: [ BoxShadow( color: Color.fromRGBO( 0, 64, 101, 0.15), spreadRadius: 1, blurRadius: 8, offset: Offset(0, 2), // changes position of shadow ), ]), padding: EdgeInsets.all(15), height: 90, width: double.infinity, child: Row( children: <Widget>[ Padding( padding: EdgeInsets.only( left: 5, right: 5), child: Column( mainAxisAlignment: MainAxisAlignment .spaceBetween, children: <Widget>[ Text("01:53PM"), Text("01:53PM"), // Text( // "7/1, 2nd block more adress etc."), ], )), Padding( padding: EdgeInsets.only( left: 5, right: 5), child: Column( mainAxisAlignment: MainAxisAlignment .spaceBetween, children: <Widget>[ getDot(true), getDot(false), getDot(false), getDot(false), getDot(false), Padding( padding: EdgeInsets.only( bottom: 5), child: getDot(true)), ], )), Padding( padding: EdgeInsets.only( left: 5, right: 5), child: Column( mainAxisAlignment: MainAxisAlignment .spaceBetween, children: <Widget>[ Text( "333 Prospect St, Niagara Falls, NY 14303"), Text( "333 Prospect St, Niagara Falls, NY 14303"), ], )) ], )); } Widget getDot(bool isBig) { return Container( margin: EdgeInsets.only(top: 3), width: isBig ? 8 : 4, height: isBig ? 8 : 4, decoration: BoxDecoration( color: Colors.green, borderRadius: BorderRadius.circular(15.0))); } }

flutter flutter-layout

回答 1 投票 0

Flutter-发生错误时更改TextFormFirel的背景颜色

我正在制作一个登录表单，并且在发生错误时我想更改textFormField的颜色。目前，我正在使用Bloc体系结构和状态管理。这是一张图片，我如何希望文本字段出现错误。

flutter dart flutter-layout bloc

回答 1 投票 0

如何显示没有上下文对象的Snackbar？

[在很多情况下，关于UI代码和业务逻辑，我们会分开关注。这在Flutter中使用的大多数状态管理解决方案中都得到了体现。在...

flutter dart flutter-layout flutter-animation

回答 1 投票 0

我想要BottomNavigationBar以及没有appBar的Flutter中的TabBar

我想要在不具有appBar的情况下扑通BottomNavigationBar以及TabBar，虽然两个小部件都可以正常工作，但是当组合在一起时，是说以下断言是在...期间抛出的。