我想添加一个功能,当我按下一个按钮时,文本会显示在屏幕上的某个地方。
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
static const String _title = 'App';
@override
Widget build(BuildContext context) {
return const MaterialApp(
title: _title,
home: MyStatelessWidget(),
);
}
}
class MyStatelessWidget extends StatelessWidget {
const MyStatelessWidget({super.key});
@override
Widget build(BuildContext context) {
return Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
TextButton(
style: TextButton.styleFrom(
textStyle: const TextStyle(fontSize: 20),
),
onPressed: () {},
child: const Text('Text Button'),
),
const SizedBox(height: 30),
OutlinedButton(
style: OutlinedButton.styleFrom(
textStyle: const TextStyle(fontSize: 20),
),
onPressed: () {},
child: const Text('Outlined Button'),
),
const SizedBox(height: 30),
ElevatedButton(
style: ElevatedButton.styleFrom(
textStyle: const TextStyle(fontSize: 20),
),
onPressed: () {},
child: const Text('Contained Button'),
),
const SizedBox(height: 30),
],
),
);
}
}
3条答案
按热度按时间7ivaypg91#
在按钮中调用
changeText
方法单击2mbi3lxu2#
将
StatelessWidget
转换为StatefulWidget
然后在顶部初始化一个字符串值,如下所示:
然后在您的高架按钮上方或屏幕中的任何位置使用测试值初始化如下所示的文本小部件:
然后在其中一个按钮中设置Sate以更改字符串test的值:
dgenwo3n3#
您应该可以识别
StatelessWidget
和StatefulWidget
StatelessWidget
仅在初始化时更新,但StatefulWidget
动态更改如果您使用的是Android Studio或Vscode或Intellij,则很容易在它们之间进行更改,只需单击StatelessWidget
然后更改它你可以创建
_showText
函数并在你的buttton中调用它,这里是完整的代码: