flutter-layout

A Stack contains MyWidget inside of a Positioned . Stack( overflow: Overflow.visible, children: [ Positioned( top: 0.0, left: 0.0, child: MyWidget(), )], ); Since overflow is Overflow.visible and MyWidget is larger than the Stack , it displays outside of the Stack , which is what I want. However, I can't tap in the area of MyWidget which is outside of the Stack area. It simply ignores the tap there. How can I make sure MyWidget accepts gestures there? This behavior occurs because the stack checks whether the pointer is inside its bounds before checking whether a child got hit: Class: RenderBox

I have a bottom sheet with below code in where i put a height 300.0 but I want increase height to full screen when user scroll ..how can i do that ..please void _showBottomSheet() { setState(() { _showPersBottomSheetCallBack = null; }); _scaffoldKey.currentState .showBottomSheet((context) { return new Container( height: 300.0, color: Colors.greenAccent, child: new Center( child: new Text("Hi BottomSheet"), ), ); }) .closed .whenComplete(() { if (mounted) { setState(() { _showPersBottomSheetCallBack = _showBottomSheet; }); } }); } The flutter package bottom sheet is not meant to occupy the full

How can I find out which items are currently visible or invisible in a ListView ? For example, I have 100 items in ListView and when i scroll to top of screen or list, I want to detect which items appear or disappear from the viewport. Illustration: There is no easy way to do this. Here is the same question, however, it does not have an answer. There is an active GitHub issue about this. There are multiple solutions for the problem in that issue. This Gist features one that requires the rect_getter package . Alternatively, you could take a look at this proposal . TL;DR This is not yet

I want to overlay a Card with a white container, but the container always needs a height (otherwise it's not displayed). I want it to be as big as its parent, the stack. How can I make this work? The height of the card varies. I guess I'm missing something ;) return new Stack( children: <Widget>[ new Card( ... ), new Container(color: Colors.white70), ] ); You can use a Positioned.fill to force a stack child to fill Stack . Stack( children: [ Card(), Positioned.fill( child: Container(color: Colors.red), ) ] ); 来源： https://stackoverflow.com/questions/51078707/flutter-container-height-same-as

When you create a PageView with a viewportFraction value of <1.0 for the PageController, the pages are snapped to the center of the viewport, like so: I want the current pages to be snapped to the top of the viewport, while the next page is rendered under the bottom bar. I've tried applying a transform to each page: Transform.translate(offset: Offset(0.0, -36.0), child: page) This appears to work at first glance (see first image), but fails to render the next page when it would be hidden without the transform (see second image): I've thought of using a ListView with PageScrollPhysics (which

I come from a web development background, and am used to being able to create an element that has both x and y overflow (allowing scrolling in any direction). I'm struggling to achieve the same functionality with Flutter. Looking through the documentation, I've found SingleChildScrollView, but it only allows Axis.horizontal or Axis.vertical, not both. So I have tried the following: return SingleChildScrollView( // horizontal scroll widget scrollDirection: Axis.horizontal, child: SingleChildScrollView( // vertical scroll widget scrollDirection: Axis.vertical, child: ...content of the container