Flutter TextField 输入框 简单使用
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Flutter TextField 示例'),
),
body: Center(
child: TextField(
decoration: InputDecoration(
hintText: '请输入内容',
border: OutlineInputBorder(),
),
),
),
),
);
}
}
这段代码创建了一个简单的Flutter应用,其中包含了一个带有提示文本和轮廓边框的TextField
。用户可以在这个输入框内输入文本。这是学习Flutter时的一个基本组件,展示了如何使用TextField
来获取用户输入。
评论已关闭