Je viens de créer un formulaire dans Flutter. Je ne parviens pas à définir la marge supérieure du bouton.
class _MyHomePageState extends State<MyHomePage> {
String firstname;
String lastname;
final scaffoldKey = new GlobalKey<ScaffoldState>();
final formKey = new GlobalKey<FormState>();
@override
Widget build(BuildContext context) {
return new Scaffold(
key: scaffoldKey,
appBar: new AppBar(
title: new Text('Validating forms'),
),
body: new Padding(
padding: const EdgeInsets.all(16.0),
child: new Form(
key: formKey,
child: new Column(
children: [
new TextFormField(
decoration: new InputDecoration(labelText: 'First Name'),
validator: (val) =>
val.length == 0 ?"Enter FirstName" : null,
onSaved: (val) => firstname = val,
),
new TextFormField(
decoration: new InputDecoration(labelText: 'Password'),
validator: (val) =>
val.length ==0 ? 'Enter LastName' : null,
onSaved: (val) => lastname = val,
obscureText: true,
),
new RaisedButton(
onPressed: _submit,
child: new Text('Login'),
),
],
),
),
),
);
}
Placez votre bouton dans un Container puis définissez la marge
new Container(
margin: const EdgeInsets.only(top: 10.0),
child : new RaisedButton(
onPressed: _submit,
child: new Text('Login'),
),
Sinon, vous pouvez envelopper votre bouton avec du rembourrage. (C’est ce que Container fait en interne.)
Padding(
padding: const EdgeInsets.all(20),
child: new RaisedButton(
onPressed: _submit,
child: new Text('Login'),
),
);
Voir cette réponse plus sur l’ajout de marge à un widget.