making horizontal view in flutter.
2 min readApr 19, 2018
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/widgets.dart';
class AddNewBlock extends StatefulWidget {
static String uberCan = "uber";
@override
State<StatefulWidget> createState() {
return new _AddNewBlockState();
}
}
class _AddNewBlockState extends State<AddNewBlock> {
bool checkdme = true;
bool checkdmeA = true;
bool checkdmeVB = true;
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text("Rao@Dev"),
),
body: new Container(
margin: new EdgeInsets.symmetric(horizontal: 20.0),
height: 500.0,
child: new ListView(
scrollDirection: Axis.vertical,
children: <Widget>[
new Divider(indent: 30.0,),
new Row(
children: <Widget>[
new Expanded(child: new TextField(
decoration: new InputDecoration(icon: new Icon(Icons.perm_identity),hintText: "olacab"),
)),
new Divider(indent: 30.0,),
new Expanded(child: new TextField(
decoration: new InputDecoration(icon: new Icon(Icons.perm_identity),hintText: "olacab"),
)),
],
),
new Divider(indent: 30.0,),
new Row(
children: <Widget>[
new Expanded(child: new TextField(
decoration: new InputDecoration(icon: new Icon(Icons.perm_identity),hintText: "olacab"),
)),
new Divider(indent: 30.0,),
new Expanded(child: new TextField(
decoration: new InputDecoration(icon: new Icon(Icons.perm_identity),hintText: "olacab"),
)),
],
),
new Divider(indent: 30.0,),
new Row(
children: <Widget>[
new Divider(indent: 30.0,),
new Checkbox(
value: checkdme,
onChanged: (bool value){setState(() {
checkdme= value;
});}
,activeColor: Colors.amber,
),
new Divider(indent: 30.0,),
new Checkbox(value: checkdme, onChanged: (bool b){setState(() {
checkdmeA= b;
});
}),
new Divider(indent: 30.0,),
new Checkbox(value: checkdme, onChanged: (bool c){
setState(() {
checkdmeVB= c;
});
}),
],
),
new Divider(indent: 30.0,),
new Row(
children: <Widget>[
new Divider(indent: 30.0,),
new Checkbox(
value: checkdme,
onChanged: (bool value){setState(() {
checkdme= value;
});}
,activeColor: Colors.amber,
),
new Divider(indent: 30.0,),
new Checkbox(value: checkdme, onChanged: (bool b){setState(() {
checkdmeA= b;
});
}),
new Divider(indent: 30.0,),
new Checkbox(value: checkdme, onChanged: (bool c){
setState(() {
checkdmeVB= c;
});
}),
],
),
new Divider(indent: 30.0,),
new Row(
children: <Widget>[
new Divider(indent: 30.0,),
new Checkbox(
value: checkdme,
onChanged: (bool value){setState(() {
checkdme= value;
});}
,activeColor: Colors.amber,
),
new Divider(indent: 30.0,),
new Checkbox(value: checkdme, onChanged: (bool b){setState(() {
checkdmeA= b;
});
}),
new Divider(indent: 30.0,),
new Checkbox(value: checkdme, onChanged: (bool c){
setState(() {
checkdmeVB= c;
});
}),
],
),
new Divider(indent: 30.0,),
new Row(
children: <Widget>[
new Divider(indent: 30.0,),
new Checkbox(
value: checkdme,
onChanged: (bool value){setState(() {
checkdme= value;
});}
,activeColor: Colors.amber,
),
new Divider(indent: 30.0,),
new Checkbox(value: checkdme, onChanged: (bool b){setState(() {
checkdmeA= b;
});
}),
new Divider(indent: 30.0,),
new Checkbox(value: checkdme, onChanged: (bool c){
setState(() {
checkdmeVB= c;
});
}),
],
),
new Divider(indent: 30.0,),
new Row(
children: <Widget>[
new Expanded(child: new Text("checkbox 1")),
new Expanded(child: new Checkbox(value: checkdme, onChanged: (bool value)
{
setState(() {
checkdme = value;
});
})),
new Expanded(child: new Text("checkbox checkbox")),
new Expanded(child: new Checkbox(value: checkdme, onChanged: (bool value)
{
setState(() {
checkdme = value;
});
})),
],
),
],
),
),
);
}
}