在Flutter中,Text
和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('Text and TextField Example')),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
// 使用Text组件显示文本
Text(
'Hello, Flutter!',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold, color: Colors.blue),
),
SizedBox(height: 20),
// 使用TextField组件获取用户输入
TextField(
decoration: InputDecoration(labelText: 'Enter your name'),
),
],
),
),
),
);
}
}
通过上述代码,你可以在Flutter应用中同时使用Text
和TextField
组件,实现简单的文本显示和用户输入功能。
领取专属 10元无门槛券
手把手带您无忧上云