Flutter 中的 CupertinoTextField 小部件:全面指南
warning:
这篇文章距离上次修改已过193天,其中的内容可能已经有所变动。
CupertinoTextField
是 Flutter 中用于创建类似 iOS 风格的文本输入框的小部件。以下是如何使用 CupertinoTextField
的基本示例代码:
import 'package:flutter/cupertino.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CupertinoApp(
home: CupertinoPageScaffold(
navigationBar: CupertinoNavigationBar(
middle: Text('CupertinoTextField Example'),
),
child: Center(
child: CupertinoTextField(
placeholder: 'Enter text', // 占位符
decoration: BoxDecoration(
border: Border.all(
color: CupertinoColors.activeBlue,
),
),
),
),
),
);
}
}
这段代码创建了一个简单的 iOS 风格的文本输入框,用户可以在其中输入文本。我们设置了一个占位符,并给文本框加上了一个边框。这是一个入门级的例子,展示了如何使用 CupertinoTextField
的基本功能。
评论已关闭