Flutter:可以将 CupertinoPicker 中的项目定位在两条线之间的中心吗?
Flutter: Possible to position item in CupertinoPicker in the center between the two lines?
是否可以将 CupertinoPicker
中项目的默认位置更改为两行之间的中心?默认位置好像比较靠上。
这是重现 CupertinoPicker
的代码
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: CupertinoPicker(
itemExtent: 50,
onSelectedItemChanged: (int index) {
print(index);
},
children: <Widget>[
Text("Item 1"),
Text("Item 2"),
Text("Item 3"),
],
),
);
}
}
这是它的样子:
感谢任何提示、提示和建议!
用 Center
小部件包装您的 children 小部件:
CupertinoPicker(
itemExtent: 50,
onSelectedItemChanged: (int index) {
print(index);
},
children: <Widget>[
Center(child: Text("Item 1")),
Center(child: Text("Item 2")),
Center(child: Text("Item 3")),
],
),
如果中心不起作用,请使用对齐小部件。
Align(
alignment: Alignment.center,
child: Text("Item 1"),
),
是否可以将 CupertinoPicker
中项目的默认位置更改为两行之间的中心?默认位置好像比较靠上。
这是重现 CupertinoPicker
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: CupertinoPicker(
itemExtent: 50,
onSelectedItemChanged: (int index) {
print(index);
},
children: <Widget>[
Text("Item 1"),
Text("Item 2"),
Text("Item 3"),
],
),
);
}
}
这是它的样子:
感谢任何提示、提示和建议!
用 Center
小部件包装您的 children 小部件:
CupertinoPicker(
itemExtent: 50,
onSelectedItemChanged: (int index) {
print(index);
},
children: <Widget>[
Center(child: Text("Item 1")),
Center(child: Text("Item 2")),
Center(child: Text("Item 3")),
],
),
如果中心不起作用,请使用对齐小部件。
Align(
alignment: Alignment.center,
child: Text("Item 1"),
),