flutter-layout

问题 I'm trying to align the widgets inside the column to be in the center with CrossAxisAlignment.center but I also want that the Widgets have the same width. How can I achieve this? 回答1: you can get something similar to that by setting the CrossAxisAlignment to stretch and then wrap the Column in a IntrinsicWidth and if you want to give them a specific width use the stepWidth property Center( child: IntrinsicWidth( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: <Widget>

问题 I have added a few widgets inside the ListView . So that I can scroll all widgets. Now I required to add one more widget to the ListView to load the list of comments. I can not add the ListView inside the ListView . And moreover, I do not require the separate scroll for my comments. It should be scroll along with the widgets inside the ListView . So I planned to add the Column instead of ListView . Could any help to add my comments dynamically in the Columns ? new Expanded( child: new

问题 How can I push a widget in the frame of another widget? For example I have a Column with 2 Containers where every Container takes half of the screen. I'd like to make a navigation e.g. only in the bottom container. The same logic as in iOS when the container view has it's own UINavigationController. As I understood MaterialPageRoute can push widgets only to fullscreen and there aren't any other Route classes, except abstract ones. Maybe I should make my own subclass of ModalRoute

问题 How can I push a widget in the frame of another widget? For example I have a Column with 2 Containers where every Container takes half of the screen. I'd like to make a navigation e.g. only in the bottom container. The same logic as in iOS when the container view has it's own UINavigationController. As I understood MaterialPageRoute can push widgets only to fullscreen and there aren't any other Route classes, except abstract ones. Maybe I should make my own subclass of ModalRoute

问题 All I need is my text to be multi-line. Am giving the property of maxLines but its still getting RenderFlex overflowed error to the right as the next is not going to 2nd line, Align( alignment: Alignment.bottomCenter, child: new ButtonBar( alignment: MainAxisAlignment.center, children: <Widget>[ Padding( padding: EdgeInsets.all(20.0), child: new Text( "This is a very bigggggggg text !!!",textDirection: TextDirection.ltr, style: new TextStyle(fontSize: 20.0, color: Colors.white), maxLines: 2,

问题 I'm really new in flutter and also in Android dev, but is it possible to hide the bottom navigation bar (see which item do i mean below) programmatically? 回答1: Try this: SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]); Document 回答2: Use SystemChrome.setEnabledSystemUIOverlays([]) to hide the status bar and the navigation bar. 来源： https://stackoverflow.com/questions/52365173/how-to-hide-androids-bottom-navigation-bar-in-flutter

问题 I have a Column widget with two TextField widgets as children and I want to have some space between both of them. I already tried mainAxisAlignment: MainAxisAlignment.spaceAround , but the result was not what I wanted. 回答1: You can use Padding widget in between those two widget or wrap those widgets with Padding widget. Update SizedBox widget can be use in between two widget to add space between two widget and it makes code more readable than padding widget. Ex: Column( children: <Widget>[

问题 I have a Column widget with two TextField widgets as children and I want to have some space between both of them. I already tried mainAxisAlignment: MainAxisAlignment.spaceAround , but the result was not what I wanted. 回答1: You can use Padding widget in between those two widget or wrap those widgets with Padding widget. Update SizedBox widget can be use in between two widget to add space between two widget and it makes code more readable than padding widget. Ex: Column( children: <Widget>[

问题 I'm using a SliverPersistentHeader in my CustomScrollView to have a persistent header that shrinks and grows when the user scrolls, but when it reaches its maximum size it feels a bit stiff since it doesn't "overgrow". Here is a video of the behaviour I want (from the Spotify app) and the behaviour I have: . 回答1: While looking for a solution for this problem, I came across three different ways to solve it: Create a Stack that contains the CustomScrollView and a header widget (overlaid on top

问题 I'm using a SliverPersistentHeader in my CustomScrollView to have a persistent header that shrinks and grows when the user scrolls, but when it reaches its maximum size it feels a bit stiff since it doesn't "overgrow". Here is a video of the behaviour I want (from the Spotify app) and the behaviour I have: . 回答1: While looking for a solution for this problem, I came across three different ways to solve it: Create a Stack that contains the CustomScrollView and a header widget (overlaid on top