flutter-layout

Can a layout like this be achieved and rendered efficiently in Flutter? Example: Yellow and blue blocks can both be around 30 elements, so I guess something like ListView.builder should be used. I have tried nesting 2 ListView.builder, the inner with shrinkWrap = true. The yellow block is being built just when is needed, but the blue list, although it has an itemBuilder, it builds all children elements at once, causing performance problems. new ListView.builder( itemCount: 20, itemBuilder: (BuildContext context, int blockIdx) { print("Building block $blockIdx"); return new Column( children: [

I would like to create a series of tables that you can scroll through vertically, each of which may have a different number of rows/columns from each other. Within each table, I would like to have the leftmost column frozen in place, and the remaining columns in that table to be horizontally scrollable, in case there are a number of columns that do not fit in the width of the screen. See screenshot: My initial plan was to use a ListView for the page-level vertical scrolling between tables, and within each table, there is a Row of Columns, where the first column is a static width, and the

I have a stream builder in the app's home/root page. This stream builder gets triggered whenever I do a page-navigation elsewhere, which has nothing to do with the stream itself. My understanding, according to here and here , is when a page is popped/pushed in the navigator, it triggers a rebuild on the app, so the stream builder gets re-attached and so it fires. However this seems inefficient, so is there a way to prevent the stream builder from firing when a page is popped/pushed? Additionally, according to the logs, when I push a page, the page is built and shown first, then the stream

I am new to flutter and having trouble with layouts. I want something like this: A sticky header and a scroll view below it. I thought of using Column widget with two children - first being the header and second being the ListView. Here is my code Widget build(BuildContext context) { return Material( elevation: 8.0, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Padding( padding: const EdgeInsets.all(16.0), child: Text( title, style: Theme.of(context).textTheme.subhead.copyWith(fontSize: 18.0), textAlign: TextAlign.left, ), ), Divider(height: 4.0), ListView

I doing a AlertDialog, so when I tried to insert Slider widget inside the state of value sound realy stranger, and this doesn't happens if Slider is outside of AlertDialog new Slider( onChanged: (double value) { setState(() { sliderValue = value; }); }, label: 'Oi', divisions: 10, min: 0.0, max: 10.0, value: sliderValue, ) The complete widget code of AlertDialog Future<Null> _showDialog() async { await showDialog<Null>( context: context, builder: (BuildContext context) { return new AlertDialog( title: const Text('Criar novo cartão'), actions: <Widget>[ new FlatButton(onPressed: () { Navigator

I'm trying to make a bottomsheet which has a text field and autofocus is set to true so that the keyboard pops up. But, bottomsheet is overlapped by keyboard. Is there a way to move bottomsheet above the keyboard? Padding( padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom), child: Column(children: <Widget>[ TextField( autofocus: true, decoration: InputDecoration(hintText: 'Title'), ), TextField( decoration: InputDecoration(hintText: 'Details!'), keyboardType: TextInputType.multiline, maxLines: 4, ), TextField( decoration: InputDecoration(hintText: 'Additional details!')

I've recently started programming using dart and flutter and everything has been going smoothly for my app, although recently i wanted to add drop down menu to provide the user with multiple options to pick from. everything worked as planned however when i pick a value from the list it doesn't change the value in the box, it goes back to the hint or an empty box. any help would be appreciated! here is my code for the dropdownbutton: Widget buildDropdownButton() { String newValue; return new Padding( padding: const EdgeInsets.all(24.0), child: new Column( mainAxisAlignment: MainAxisAlignment