목록Row Widget (3)

꿈꾸는 시스템 디자이너

Flutter Example - Row Widget - CrossAxisAlignment

import 'package:flutter/material.dart'; class RowWidgetCrossAxisAlignment extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Row widget - CrossAxisAlignment")), body: ListView( children: [ Text("default (CrossAxisAlignment.center)"), Container( decoration: BoxDecoration( color: Colors.grey[200], border: Border.all(color: Colors.i..
Tutorial/Flutter with App 2019. 9. 24. 15:41
Flutter Example - Row Widget - MainAxisAlignment

import 'package:flutter/material.dart'; class RowWidgetMainAxisAlignment extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Row widget - MainAxisAlignment")), body: ListView( children: [ Text("Default (MainAxisAlignment.start)"), Container( child: Row( mainAxisAlignment: MainAxisAlignment.start, children: [ boxWidget(), boxWidget..
Tutorial/Flutter with App 2019. 9. 24. 15:37
Flutter Example - Row Widget - Basic

import 'package:flutter/material.dart'; class RowWidgetBasic extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Basic Row Widget")), // insert a Row widget in body body: Row( children: [ // Add three sub-widget in the Row widget boxWidget(), boxWidget(), boxWidget(), ], ), ); } boxWidget() { return Container( height: 50, width: 5..
Tutorial/Flutter with App 2019. 9. 24. 15:28
Prev 1 Next