Dart 将TextField和FlatButton对齐成一行
以下代码运行良好,并在文本字段下显示FlatButton:Dart 将TextField和FlatButton对齐成一行,dart,flutter,Dart,Flutter,以下代码运行良好,并在文本字段下显示FlatButton: import 'package:flutter/material.dart'; class LocationCapture extends StatelessWidget { LocationCapture(this.clickCallback, this.tc); final TextEditingController tc; final VoidCallback clickCallback; @override
import 'package:flutter/material.dart';
class LocationCapture extends StatelessWidget {
LocationCapture(this.clickCallback, this.tc);
final TextEditingController tc;
final VoidCallback clickCallback;
@override
Widget build(BuildContext context) {
return Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
// Row(
// children: <Widget>[
TextField(controller: tc,),
FlatButton(
child: const Icon(Icons.my_location),
onPressed: () => clickCallback(),
)
// ])
]);
}
}
这就是你能做到的 textDirection小部件的Row()属性将允许您从提到的方向开始定位子小部件 注意:-**如果您在项目中使用MaterialApp()小部件,则可以删除或注释掉“textDirection”。它负责文本方向 Expanded()小部件用于占用剩余的整个空间
child: Row(
textDirection: TextDirection.rtl,
children: <Widget>[
FlatButton(onPressed: () {}, child: Text("Demo Button")),
Expanded(child: TextFormField())
],
)
子项:行(
textDirection:textDirection.rtl,
儿童:[
FlatButton(按下时:(){},子项:文本(“演示按钮”),
已展开(子项:TextFormField())
],
)
这就是你可以做到的
textDirection小部件的Row()属性将允许您从提到的方向开始定位子小部件
注意:-**如果您在项目中使用MaterialApp()小部件,则可以删除或注释掉“textDirection”。它负责文本方向
Expanded()小部件用于占用剩余的整个空间
child: Row(
textDirection: TextDirection.rtl,
children: <Widget>[
FlatButton(onPressed: () {}, child: Text("Demo Button")),
Expanded(child: TextFormField())
],
)
子项:行(
textDirection:textDirection.rtl,
儿童:[
FlatButton(按下时:(){},子项:文本(“演示按钮”),
已展开(子项:TextFormField())
],
)