flutter-layout

Flutter: Is there any way to change the row line color of DataTable?

余生长醉 提交于 2021-02-08 13:23:49
问题 I'm using DataTable in my recent app and i need to change the color of the row line or make it invisible (i mean I don't want to my table shows any row line) If anyone knows please help! thanks 回答1: Use Theme widget and overriding the dividerColor as shown below. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: MyHomePage(), ); } } class MyHomePage extends

Divide screen into 4 different parts evenly

百般思念 提交于 2021-02-08 05:39:34
问题 Help me Guys I am new to the flutter development I am trying to make this type of layout here is the layout I wanted but I am getting this layout Look of the layout is this here is my code friends please help out friends I had started the development of the flutter recently guys I had tried the fitted box and expanded class as well Home.dart class HomeScreen extends StatefulWidget { @override State<StatefulWidget> createState() { HomeScreen_Page homecreatestate() => HomeScreen_Page(); return

How to set the width of a Container based on the length of its child Text? Flutter

时光总嘲笑我的痴心妄想 提交于 2021-02-07 20:34:14
问题 I am Trying to develop a chat app and I am trying to display the text messages inside a container and set the width according to the length of the message. How can I set the width according to the length of a String? P.S messages are displayed using listview.builder and each container has a background color. ListView.builder( padding: EdgeInsets.only(top: 8.0, left: 15.0, right: 15.0), itemCount: messages.length, itemBuilder: (context, index) { return Container( padding: EdgeInsets.all(20.0),

Flutter - Custom button tap area

允我心安 提交于 2021-02-07 12:43:31
问题 I'm building a Flutter application where a big portion of the screen will be occupied by a circular button. I already tried several different approaches in order to create a circular button, but I always end up having the same problem: the 'tappable' area is not actually circular, but rectangular. Here is an example obtained with a FloatingActionButton : For small-sized buttons this is not really a problem - I would even say that it is somehow helpful - but in my case it is very annoying. So

Flutter - Custom button tap area

梦想与她 提交于 2021-02-07 12:42:06
问题 I'm building a Flutter application where a big portion of the screen will be occupied by a circular button. I already tried several different approaches in order to create a circular button, but I always end up having the same problem: the 'tappable' area is not actually circular, but rectangular. Here is an example obtained with a FloatingActionButton : For small-sized buttons this is not really a problem - I would even say that it is somehow helpful - but in my case it is very annoying. So

Flutter sliding container into another container to show or hide some icons like with toolbar

谁都会走 提交于 2021-02-07 04:36:11
问题 in container you suppose i have AppBar() witch that i want to have another invisible container, like with this screen shot: in that two other container are invisible and i want to show them by sliding from top to bottom or bottom to top for change visibility on visible or invisible sliding from top to bottom to show or sliding that to top to hide sliding from bottom to top to show or sliding that to bottom to hide is any library to implementing this sliding animation? 回答1: Click on arrows to

Placing two trailing icons in ListTile

一个人想着一个人 提交于 2021-02-06 06:33:56
问题 I want to place two icons, side by side on the "trailing" side of a ListTile. I tried adding a Row widget with the two icons inside, but it completely messed up the layout of the entire ListTile, making it unusable. Is there any way to expand the space allocated for the trailing part? Here's the code: import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title:

Placing two trailing icons in ListTile

扶醉桌前 提交于 2021-02-06 06:32:58
问题 I want to place two icons, side by side on the "trailing" side of a ListTile. I tried adding a Row widget with the two icons inside, but it completely messed up the layout of the entire ListTile, making it unusable. Is there any way to expand the space allocated for the trailing part? Here's the code: import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title:

How to make flutter app draw behind android navigation bar and make navigation bar fully transparent?

故事扮演 提交于 2021-02-05 19:14:07
问题 I would like to make my Flutter app take up the entire screen in Android while still showing both the status bar and the navigation bar, with both of them transparent, to achieve the full screen look like in iOS. The status bar color can be easily changed, but right now I'm facing problems with getting the app to fill up the screen and making the navigation bar transparent at the same time. By default, the app is not drawn below the navigation bar at all (I've set the status bar color to be

How to make flutter app draw behind android navigation bar and make navigation bar fully transparent?

只谈情不闲聊 提交于 2021-02-05 19:07:18
问题 I would like to make my Flutter app take up the entire screen in Android while still showing both the status bar and the navigation bar, with both of them transparent, to achieve the full screen look like in iOS. The status bar color can be easily changed, but right now I'm facing problems with getting the app to fill up the screen and making the navigation bar transparent at the same time. By default, the app is not drawn below the navigation bar at all (I've set the status bar color to be