Here is my code want to impliment custom header which is gose up when user scroll. and stick tabbar to top and bottom view widget will show.. for that i user Sliver Widgets.. here is code Snaipts. class ProfileMyGroupDetailsScreen extends…
I'm getting a bottom underline in the TabBar. I tried to remove it. but its not removing. (https://i.sstatic.net/CbDf57Nr.png) Widget build(BuildContext context) { TabController tabController = TabController(length: 2, vsync: this); return Scaffold( backgroundColor: Palette.white, body: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container(…
How to make a custom navbar with a curve like this? What i'm trying to make a navbar with a curve like this, when that particular navbar item is selected. I have used a container now, how can i achieve…
I am using DropDownButtonFormField in my code. I want to add margin around it's items but am not able to do so. Here is my code: DropdownButtonFormField<String>( validator: (value) { if (value == null) { return AppStrings.pleaseSelectYourGender; } return null;…
Im trying to implement the ui as below. i have tried with stack with two containers , with one positioned. but the result is like this what is the correct way to achieve this ?
I have a list view with 9 items , and each item has a same dark blue picture in their left ListView.builder( itemCount: 9, itemBuilder: (BuildContext context, int index) { return Padding( padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 8.0), child: Row(…
I'm trying to recreate this roadmap-style UI: I thought tentatively: children: [ index 1: ListTile index 2: dotted index 3: ListTile index 4: dotted ... But in the picture, the intersecting line looks as if it goes under the circle…
I'm working on a Flutter project and I need to create a custom shape that looks like the one shown below: I've attempted to use CustomShapeClipper, but I couldn't quite achieve the exact shape I need. I've heard about the…
I want my Transaction screen to be categorized in months and i build the transaction screen using list view separated . Here is my Transaction Screen code and i used the intl date package to get the date class ScreenTransaction…
I am using this code to get the aspect ratio final deviceAspectRatio = View.of(context).physicalSize.aspectRatio; It gives correct result in portrait but when I change the orientation in landscape and run same code I get different result. I found that width…