在Flutter中,可以使用Text widget来显示文本内容,可以使用Column widget来垂直排列多个widget。要在一个按钮上添加两行文本,可以使用Column widget将两个Text widget垂直排列,并将Column widget作为按钮的子widget。
以下是一个示例代码:
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('Button with Two Lines of Text'),
),
body: Center(
child: RaisedButton(
onPressed: () {},
child: Column(
children: [
Text(
'First Line',
style: TextStyle(fontSize: 16),
),
Text(
'Second Line',
style: TextStyle(fontSize: 16),
),
],
),
),
),
),
);
}
}
在这个示例中,我们创建了一个带有标题栏的Scaffold,并在屏幕中央放置了一个RaisedButton。按钮的子widget是一个Column,其中包含两个Text widget,分别显示两行文本内容。你可以根据需要调整文本的样式和大小。
这是一个简单的示例,你可以根据自己的需求进行修改和扩展。如果你想了解更多关于Flutter的信息,可以访问腾讯云的Flutter产品介绍页面:Flutter产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云