How to customize the switch button in a Flutter application [closed]
Set bool _switchValue = true; in your screen.dart file: CupertinoSwitch( value: _switchValue, onChanged: (value) { setState(() { _switchValue = value; }); }, ),
flutter-widget
Flutter – Overlay card widget on a container
Yes, you can acheive it with a Stack widget. You can stack a card over the background and provide a top or bottom padding. A simple example would look like: class StackDemo extends StatelessWidget { @override Widget build(BuildContext context) { return new Stack( children: <Widget>[ // The containers in the background new Column( children: <Widget>[ … Read more
How to apply flex in flutter
Expanded is Similar to Flex and supports adding flex, You can wrap your children with Expanded and give flex as below Updated Code : Container( child: new Row( children: <Widget>[ new Expanded ( flex:1, child : Column( children: <Widget>[new Text(“Hello World”)], ),), new Expanded( flex :2, child: Column( children: <Widget>[ new Text( “This is a … Read more
How to create colour box with fixed width and height in flutter?
Wrap any widget in a SizedBox to force it to match a fixed size. As for background colors or border, use DecoratedBox. You can then combine both, which leads to const SizedBox( width: 42.0, height: 42.0, child: const DecoratedBox( decoration: const BoxDecoration( color: Colors.red ), ), ), You may as well use Container which is … Read more
List of horizontal list in Flutter
I guess what you want is a list within a another list Here is the adaptation of the sample program that you have followed The build method is like: Widget build(BuildContext context) { Widget horizontalList1 = new Container( margin: EdgeInsets.symmetric(vertical: 20.0), height: 200.0, child: new ListView( scrollDirection: Axis.horizontal, children: <Widget>[ Container(width: 160.0, color: Colors.red,), Container(width: … Read more
Flutter/Dart – Open a view after a delay
You can do it in 2 ways: Using Timer class. import ‘dart:async’; // Go to Page2 after 5s. Timer(Duration(seconds: 5), () { Navigator.push(context, MaterialPageRoute(builder: (_) => Screen2())); }); Using Future.delayed class: // Go to Page2 after 5s. Future.delayed(Duration(seconds: 5), () { Navigator.push(context, MaterialPageRoute(builder: (_) => Screen2())); }); The benefit of using Timer over Future is … Read more
Check image is loaded in Image.network widget in flutter
You may use the loadingBuilder which is inbuilt feature from flutter for Image.Network I did it as below: Image.network(imageURL,fit: BoxFit.cover, loadingBuilder:(BuildContext context, Widget child,ImageChunkEvent loadingProgress) { if (loadingProgress == null) return child; return Center( child: CircularProgressIndicator( value: loadingProgress.expectedTotalBytes != null ? loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes! : null, ), ); }, ),
How to conditionally add widgets to a list?
EDIT: Since Dart 2.2, new syntaxes supports this natively: Column( children: [ if (foo != null) Text(foo), Bar(), ], ); This problem is currently debated on github here. But for now, you can use dart sync* functions: Row( children: toList(() sync* { if (foo == 42) { yield Text(“foo”); } }), ); where toList is: … Read more
Expand widgets inside the Stack widget
Use Positioned.fill Stack( children: [ Positioned.fill( child: Column( children: [ //… ], ), ), //… ], ); More info about Positioned in Flutter Widget of the Week How does it work? This is all about constraints. Constraints are min/max width/height values that are passed from the parent to its children. In the case of Stack. … Read more
How to create a custom AppBar widget?
import ‘package:flutter/material.dart’; class CustomAppBar extends StatefulWidget implements PreferredSizeWidget { CustomAppBar({Key key}) : preferredSize = Size.fromHeight(kToolbarHeight), super(key: key); @override final Size preferredSize; // default is 56.0 @override _CustomAppBarState createState() => _CustomAppBarState(); } class _CustomAppBarState extends State<CustomAppBar>{ @override Widget build(BuildContext context) { return AppBar( title: Text(“Sample App Bar”) ); } } Hopefully this helps