flutter-layout

I'm trying to take square pictures in my app. I'm using the camera package and I'm trying to display a centre square-cropped version of the CameraPreview widget. My goal is to show the central square of the preview (full width), with an even amount cropped from the top and bottom. I was struggling to get this to work, so I created a minimal example using a fixed image. (Apologies for the dull picture of me in a chair): import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return

I am building a list of boxes layouts in my app using flutter. I want dotted border around the box. I have used card widget to create the boxes. But, how can I get dotted border around the boxes? EDIT I have added this as a package in pub . Now, all you need to do is DottedBorder( color: Colors.black, gap: 3, strokeWidth: 1, child: FlutterLogo(size: 148), ) Working Solution [Outdated] Like tomerpacific said in this answer , Flutter does not have a default implementation for dashed border at the moment. I worked for some time yesterday and was able to come up with a solution using CustomPainter

I'm programming an app that displays two media streams in the same view via one horizontal listView and one vertical listView . I'm currently working on implementing information into the bottom listView using some nice looking boilerplate that can be found here . I'm new to flutter and have believe my code has gotten a little messy, in short I'm receiving the error; flutter: The following NoSuchMethodError was thrown building Builder: flutter: The method 'loadCurrencies' was called on null. flutter: Receiver: null flutter: Tried calling: loadCurrencies() when trying to implement code found

I'm struggling with centering widget inside listView . I did like this but Text('ABC') is not centered vertically. How can I achieve this? new Scaffold( appBar: new AppBar(), body: new ListView( padding: const EdgeInsets.all(20.0), children: [ new Center( child: new Text('ABC') ) ] ) ); anmol.majhail Vertically Center & Horizontal Center: Scaffold( appBar: new AppBar(), body: Center( child: new ListView( shrinkWrap: true, padding: const EdgeInsets.all(20.0), children: [ Center(child: new Text('ABC')) ] ), ), ); Only Vertical Center Scaffold( appBar: new AppBar(), body: Center( child: new

i have "NestedScrollView" that content a "tabView" and every tab view content a "List builder" , when i scroll inside one of list builder (inside tabs) , all other tabs is sync the scroll position if i add "ScrollController" to each listview (in tabs) , then the listBuilder inside the tab scroll separated of "NastedScrollView" here is an example code : import 'package:flutter/material.dart'; void main() => runApp( MaterialApp( home: MyApp() , ) ); class MyApp extends StatefulWidget{ MyAppState createState() => MyAppState(); } class MyAppState extends State<MyApp> with

I am developing a flutter based app and studied there are couple of ways to add splash screen. But I am not sure which one is the best to achieve. import 'dart:async'; import 'package:flutter/material.dart'; import 'package:mingup/screen/login_screen.dart'; // This is the Splash Screen class SplashScreen extends StatefulWidget { @override _SplashScreenState createState() => _SplashScreenState(); } class _SplashScreenState extends State<SplashScreen> with SingleTickerProviderStateMixin{ AnimationController _animationController; Animation<double> _animation; @override void initState() { // TODO: