我希望当我在flutter中按下ElevatedButton时能够更改字体系列
在Flutter中，当按下ElevatedButton时更改字体系列可以通过以下步骤实现：
- 首先，确保你已经在项目中引入了所需的字体文件。可以将字体文件放置在项目的assets文件夹中，并在pubspec.yaml文件中进行配置。
- 在需要更改字体系列的页面或部件中，使用TextStyle来定义所需的字体样式。例如，可以使用TextStyle的fontFamily属性来指定字体系列。
TextStyle myTextStyle = TextStyle(
fontFamily: 'YourFontFamily',
fontSize: 16,
fontWeight: FontWeight.normal,
);- 在ElevatedButton的style属性中，使用TextButton.styleFrom方法来定义按钮的样式。通过其中的textStyle属性，将之前定义的TextStyle应用到按钮上。
ElevatedButton(
onPressed: () {
// 按钮按下时的操作
},
style: TextButton.styleFrom(
textStyle: myTextStyle,
),
child: Text('按钮文本'),
),这样，当按下ElevatedButton时，按钮上的文本将会使用指定的字体系列进行显示。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）
请注意，以上答案仅供参考，具体实现方式可能因项目需求和个人偏好而有所不同。
相关·内容
import 'package:flutter_gen/gen_l10n/gallery_localizations.dart';
import 'package:gallery/demos/material/material_demo_types.dart';
return Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
ElevatedButton(
onPressed
浏览 48提问于2021-09-02得票数 0
回答已采纳
1回答
如何添加按钮来显示这些图像？
、、、、
大家好，我希望你们一切都好！
在这个中
我想出了如何在网络中放置刷新图像的方法。但是现在我想添加一些按钮，在开始显示图像之前，当我按下显示新图像时。(这种情况现在发生在“onTap()”中)。
我试着按下一个按钮，但效果很好。有人能帮我！！
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'colors.dart';
void main() =>
浏览 2提问于2022-04-01得票数 0
回答已采纳
我已经为ElevatedButton()创建了一个StatelessWidget，当我将一个selectHandler传递给ElevatedButton()的onPressed参数时，我得到了这个错误ElevatedButton()。selectHandler是一个Function类型的变量。
我哪里错了？
import 'package:flutter/material.dart';
class Answer extends StatelessWidget {
final Function selectHandler;
Answer(this.selectHan
浏览 90提问于2021-05-30得票数 0
回答已采纳
问题 如何更改ElevatedButton上on tap涟漪效果的持续时间和颜色？有关此涟漪效果的工作示例，请参阅dart pad链接。 用于工作ElevatedButton的代码 import 'package:flutter/material.dart';
void main() => runApp(MyApp());
/// This is the main application widget.
class MyApp extends StatelessWidget {
static const String _title = 'Flutter
浏览 18提问于2021-01-15得票数 5
回答已采纳
3回答
我想添加一个函数，当我按下一个按钮时，文本就会出现在屏幕上的某个地方。
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) {
r
浏览 3提问于2022-11-03得票数 0
我试图在主题中的ElevatedButton属性中更改elevatedButtonTheme文本颜色，但无法更改。我知道TextStyle在子文本中可以改变文本的颜色，但是我更喜欢在elevatedButtonTheme中定义。
import 'package:flutter/material.dart';
import 'package:hexcolor/hexcolor.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
浏览 11提问于2021-03-23得票数 19
回答已采纳
对于一个简单的设计，我想在一个颤振项目中快速实现一个ElevatedButton，但是Flutter根本找不到ElevatedButton。我发现的唯一东西是ElevatedButtonTheme，如果我手动输入ElevatedButton (包括ElevatedButton)。(子和onPressed)名称被设置为错误。
我做错什么了吗？我需要除了import 'package:flutter/material.dart';"以外的其他东西吗？
在这里，源代码：
import 'package:flutter/material.dart';
浏览 19提问于2022-10-26得票数 0
回答已采纳
在flutter版本中，3.3.0 ElevatedButton onSurface是不推荐的，我很困惑我应该使用哪个属性来代替onSurface。我应该使用disabledForegroundColor还是disabledBackgroundColor，还是两者兼用？
浏览 9提问于2022-09-01得票数 0
2回答
我试图在一个应用程序的上下文中设计一个颤振ElevatedButton，该应用程序遵循我设计的特定调色板。
是否有一种方法可以使用特定的十六进制输入的非物质颜色(即通过MaterialStateProperty.all()使用颜色，但指定Color(0x00170E04)而不是Colors.black)来设置该按钮的样式？
我之所以问这个问题，是因为我尝试了许多解决方案，其中任何一个都没有改变按钮的颜色，它只是重置为默认的蓝色ElevatedButton。我开始认为颜色和材料不同是不能用的？
下面是代码：
import 'package:flutter/material.dart
浏览 11提问于2022-09-07得票数 1
回答已采纳
你好吗？
我正在做一个个人项目，试图使用Flutter将图像+其他信息发送到我的web服务器，使用表单数据格式的post请求。下面是邮递员的一个例子：
这是我的颤振代码：
import 'dart:convert';
import 'dart:ffi';
import 'dart:io';
import 'package:camera/camera.dart';
import 'package:http/http.dart' as http;
import 'package:flutter/ma
浏览 9提问于2022-08-27得票数 0
我有以下函数循环遍历Firestore集合中的文档及其字段，并在控制台中将它们显示为地图：
documentsLoopFromFirestore() {
FirebaseFirestore.instance
.collection('myCollection')
.get()
.then((idkWhatGoesHereButICantRemoveIt) {
idkWhatGoesHereButICantRemoveIt.docs.forEach((result) {
print(result.data()
浏览 13提问于2021-06-09得票数 0
回答已采纳
1回答
我开发了一个游戏。现在，当我点击一个升高的按钮..我想让我的游戏重新开始。我怎样才能在Flutter中做到这一点？？ import 'dart:math';
import 'package:flutter/material.dart';
void main() {
runApp(const GameUI());
}
class GameUI extends StatefulWidget {
const GameUI({Key? key}) : super(key: key);
@override
_GameUIState createStat
浏览 14提问于2021-09-30得票数 0
flutter支持的所有默认字体系列是什么？我不想手动下载并通过手动添加pubspec.yaml来使用它
浏览 2提问于2020-01-29得票数 0
import语句：
import 'package:open_file/open_file.dart';
负责打开pdf的按钮：
ElevatedButton(
child: Text('SignUpdasdasdas', style: TextStyle(fontSize: 2.0),),
onPressed: () { OpenFile.open("assets/qwe.pdf"); },
),
pubspec.yaml：
depend
浏览 4提问于2021-07-12得票数 0
1回答
我试图在登录后退出，使用我的电话号码，但当我按下“注销”时，会出现这个错误:通知id令牌侦听器一个退出事件。D/FirebaseAuth(31596)：通知auth状态侦听器一个退出事件。而且这不是注销
这是我的密码
import 'package:flutter/material.dart';
import 'package:flutter/src/widgets/container.dart';
import 'package:flutter/src/widgets/framework.dart';
import 'package:
浏览 2提问于2022-10-24得票数 0
1回答
我有一个ElevatedButton可以用flutter_phone_direct_caller给家庭成员打电话。我希望显示interstitial ads每5点击一次用户推送ElevatedButton。下面的代码运行良好，但在5次点击后，间隙广告每次都会出现。
ElevatedButton(
onPressed: () {
admobHelper.createInterad();
callFamilyMember();
setState(() {
浏览 1提问于2022-02-14得票数 2
回答已采纳
我希望onPressed()函数运行nextStory() (这样我就不必重复一次以上的代码了)，但是它说不能在初始化器中访问实例成员'nextStory‘。有人能帮助实现这一点吗？我在用最新的颤音和飞镖。为了更好地解释这个问题，我正在分享我的代码(这会导致这个错误)。我还通过评论指出了应该关注的地方。
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'story_brain.dart';
StoryBrain
浏览 1提问于2021-05-25得票数 0
回答已采纳
我想使用浏览器中提供的字体，就像所有标准字体系列一样。但是指定字体系列并不会改变我的字体。
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'flutter web app',
theme: ThemeData(
primarySwatch: Colo
浏览 19提问于2021-06-12得票数 1
回答已采纳
1回答
这感觉像是一个基本的问题，我不知怎么做到了，但我对我的解决方案并不满意。所以我希望有人能跳进来，建议一个更优雅的。
目标
我有一个从示例派生的基于列的布局。有完整的源代码和。
我的目标是修改布局，以便
这4个按钮可以作为一行放置在屏幕底部。
TreeView将填满其余的空间。
没有浪费的屏幕空间，除了填充。
结果
这就是我所拥有的。为了清晰起见，TreeView和底部的按钮被包装在彩色容器中。
密码
以上屏幕截图中的页面以下面的代码呈现：
lib/树/控制器_usage.dart
import 'package:flutter/material.dart&
浏览 19提问于2022-09-04得票数 1
回答已采纳
我希望我的用户能够选择一个字体从他们的电脑和更新网页，以便它使用该字体。
<style>
html * { font-family: Arial !important; }
</style>
我在html *中使用css，我想将字体系列更改为用户的文件。
<script>
function change_css() {
// ???
}
</script>
<div>
<div</div>
<input type="file" name="upload" id=&
浏览 9提问于2019-11-01得票数 0
回答已采纳
当我试图删除该项目时，我遇到了问题，而它不接受删除该项目。我正在使用ConfirmDismiss。
错误：
未处理异常:类型'Null‘不是'bool' _DisMissState.build的子类型。(package:advanced_part_2/dismissible.dart:84:30)
_DismissibleState._handleDismissStatusChanged (package:flutter/src/widgets/dismissible.dart:498:11)
代码：
confirmDismiss: (Dismiss
浏览 10提问于2021-12-15得票数 1
回答已采纳
我正在尝试测试一个小部件，它可以使用一个集群。我希望能够在被测试的小部件触发事件时，从模拟的集群中发出状态。我尝试过许多方法，但都没有成功。我不确定我是否犯了一些简单的错误，或者我是否完全错误地处理了这个问题。
下面是一个简化的项目，它演示了我的问题。(这方面的完整代码可以在找到)
非常简单的区块
import 'dart:async';
import 'package:bloc/bloc.dart';
import 'package:meta/meta.dart';
class MyBloc extends Bloc<MyEvent,
浏览 0提问于2021-08-16得票数 1
回答已采纳
1回答
是否可以在微件树中移动微件？
一旦SecondRoute被释放，是否可以将小部件(即ElevatedButton)从FirstRoute移动到SecondRoute？我知道这很奇怪，但我只是想知道在flutter中这是可能的，是如何实现的？
注意:可以找到一个使用案例，我希望将RTCVideoView移动到所有路由中都存在的Offstage
import 'package:flutter/material.dart';
void main() {
runApp(MaterialApp(
title: 'Navigation Basics',
浏览 0提问于2021-04-18得票数 1
我是新来的颤栗，我正在尝试熟悉的flutter_midi_command包。我有一个ElevatedButton，我想在点击时打印可用的MIDI设备列表。
ElevatedButton(
onPressed: () => MidiCommand().devices.then((MidiDevice midiDevice) => print(midiDevice)),
child: const Text('Show available MIDI devices'),
)
但是在.then部分，一旦从回调中定义了返回值的类型，我就会得到以下错误：
The arg
浏览 6提问于2022-11-25得票数 0
回答已采纳
我有一个登录屏幕，当用户登录到工作屏幕后，如果用户被登录，然后离开应用程序，然后回来，我做了一个主屏幕，它是使用共享的prefs的工作屏幕，但现在我有了另一个屏幕，它就是停止工作的屏幕，我所做的是，用户走到这个工作屏幕并开始工作，当他按下在工作屏幕上开始工作时，它会导航到停止工作的屏幕，有一个按钮可以停止工作女巫将他导航到工作屏幕。我现在需要的是，如果用户按下开始在工作屏幕上工作，离开应用程序，我希望主屏幕是停止工作屏幕，而不是工作屏幕。因此，如果用户被锁定，而他正在工作(按下“开始工作”按钮)，我希望停止工作屏幕成为主屏幕。任何帮助都将不胜感激。此外，当用户按下停止工作并退出应用程序时，应该
浏览 3提问于2022-02-02得票数 1
回答已采纳
1回答
我正在开发一个应用程序，它有不同的设备方向，取决于用户所在的页面。当用户单击按钮转到某个页面时，更改设备方向没有问题。我的问题就在AppBar的后退按钮上。我做了一个小代码示例：
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext
浏览 2提问于2021-06-08得票数 1
回答已采纳
1回答
我正在做一个应用程序，我正在做的是上板屏幕。当用户回答完他们的问题，我希望他们的屏幕导航到他们的用户仪表板。我正在使用一个选项卡控制器来设置入职屏幕，我面临的问题是最后一个屏幕没有导航时，它被按下。
当我按下按钮时，会收到以下错误：
错误:flutter/lib/ui/ui_dart_state.cc(198)未处理的异常：'package:flutter/src/material/tab_controller.dart'：失败断言:第181行pos 12：'value >= 0& (value < length而行行== 0‘)：不正确。
我的代码
浏览 5提问于2022-10-04得票数 0
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
class TeacherTable extends StatelessWidget {
TeacherTable({Key? key}) : super(key: key);
FirebaseFirestore _firestore = FirebaseFirestore.instance;
@override
Widget build(BuildCo
浏览 5提问于2022-07-24得票数 0
4回答
所以我对飞镖不熟悉，遇到了一个问题。我正在努力学习布局，并对文本和按钮小部件进行细微的UI更改。在这里，我试图将ElevatedButton的颜色更改为blue
import 'package:flutter/material.dart';
class Answer extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
child: ElevatedButton(
浏览 9提问于2022-05-07得票数 1
回答已采纳
我有一个上升的按钮在颤振，一般情况下，按钮工作良好。
但是，本例中的primary: Colors.red设置不起作用，由于某些原因，按钮是透明的.ElevatedButton.styleFrom()的所有其他参数都按预期工作。
如能提供任何帮助，将不胜感激！
Widget _btnGood() {
return SizedBox(
width: MediaQuery.of(context).size.width * 0.8,
child: ElevatedButton(
onPressed: null,
style: Eleva
浏览 6提问于2022-02-01得票数 0
回答已采纳
1回答
因此，我是新来的颤振和我试图绑定一个功能按钮小部件上的颤振。它没有起作用，我真的不知道为什么。我把我的代码放在图片中，我也会复制和粘贴下面的代码。
//ignore_for_file: deprecated_member_use
import 'package:flutter/material.dart';
void main() => runApp(FirstApp());
class FirstApp extends StatelessWidget {
void answerQuestion(){
print ('Question
浏览 11提问于2022-05-06得票数 0
当我单击按钮时，应用程序内浏览器可以工作。我希望在不单击按钮的情况下打开自动应用程序时执行该操作。
body: Center(
child: ElevatedButton(
onPressed: () async {
await widget.browser.open(
url: Uri.parse("https://flutter.dev/"),
options: ChromeSafariBrowserClassOptions(
andr
浏览 3提问于2022-02-04得票数 0
回答已采纳
这是我的代码。现在，我想要当"ElevatedButton“被按下时，将按钮上标记的数字获取到文本字段。就像你看到的，我有两个文本字段，我也需要让它们可选。当你按下textfield，然后你将它们对准，你就可以输入数字了。
这个应用程序是这里显示的纸牌游戏的点数计算器。
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class GameScreen extends StatelessWidget {
const GameScreen(
浏览 3提问于2021-09-26得票数 1
import 'package:flutter/material.dart';
import 'package:ourchatapp/constants.dart';
class RoundedButton extends StatelessWidget {
final String text;
final Function press;
final Color color, textColor;
const RoundedButton({
Key? key,
required this.text,
required t
浏览 4提问于2022-05-23得票数 0
回答已采纳
这个问题与有关。我正在使用来自这个GetMaterialApp的。我不确定这是不是窃听器。如何通过使用first dialog使Get.toNamed()中的函数可用
这是在使用Get.toNamed()时发生的。它在Navigator.push()中运行良好，但我需要Get.toNamed作为web应用程序。
第一页有一个显示第一个对话框的按钮。第一个对话框将显示订单类型按钮列表。当按下“订单类型”按钮时，程序将找到该类型的新顺序，并使用新的订单数据打开第二页。第二个页面有一些工作要做，这个工作将打开第二个对话框。完成这项工作后，用户将单击“后退”按钮返回到第一页，并再次找到新的订单。
问题
浏览 7提问于2022-08-15得票数 0
1回答
iOS应用程序中的文本阅读体验
、、、、
我想在我的应用程序中实现一个很棒的文本阅读体验，类似于"Pocket"，看起来很像这样：
基本上，我希望在UIWebView中加载本地HTML文件时能够控制文本的字体大小和字体系列。
谁能给我指个方向？有没有什么框架或库可以为这种体验提供基础？提前谢谢。
浏览 0提问于2012-06-21得票数 0
回答已采纳
2回答
我试图设置谷歌字体在我的反应项目，但我不能覆盖原来的字体系列的反应。
在一些教程之后，我将我想要的字体系列插入到index.css中。
body {
/* margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Lemonada'
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans'
浏览 5提问于2020-08-10得票数 0
回答已采纳
2回答
我创建了一个文件，其中包含了我想要在我的项目中使用的颜色，但是当我尝试使用时，flutter并不认为变量是正确的颜色。
这是颜色文件：
import 'package:flutter/material.dart';
class ColorSkh {
static Color innovation = const Color.fromARGB(255, 59, 18, 45);
static Color fresh = const Color.fromARGB(255, 172, 155, 163);
static Color hightech =
浏览 11提问于2022-12-03得票数 0
回答已采纳
我创建了一个退出pop服务的WillPopScope函数。当用户单击“后退”按钮时，将显示退出权限对话框。
它在flutter版本1上工作得很完美。现在，对于null问题，它会产生一个问题。
下面是我的代码：
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
class ExitPopUp extends StatelessWidget {
final page;
ExitPopUp(this.page);
@override
Widg
浏览 4提问于2021-10-03得票数 0
2回答
因此SwiftUI为我们提供了一个很好的.font()扩展，它允许我们设置文本的字体大小、样式、权重等。这很好地反映了CSS的字体属性，甚至还附带了不错的缩写，如.font(.title)、.font(.body)、.font(.caption)。
当涉及到自定义字体时，CSS会发光，允许我们从一个或多个文件中导入字体面，这些文件共同定义了同一系列中的多个权重和样式。然后，通过在文档的顶层声明一个字体系列，您可以在任何地方自动使用该字体，然后所有字体声明都将自动使用该字体。
iOS允许我们导入自定义字体，但是当涉及到使用它们时，它似乎是不够的。我正在寻找一种方法，为iOS反映的行为。
我有一个
浏览 16提问于2020-08-21得票数 4
回答已采纳
1回答
我对来自不同字体的符号有问题，不能在CorelDraw中呈现。我正在导出一个带有特定字体系列(UTF-8)的SVG文件，例如，从我目前正在开发的基于web的工具中导出Comic、MS、Arial等。
我希望用户能够插入特定字体的特殊字符，然后能够在CorelDraw中正确地呈现这些字符。
然而..。情况并非如此。只有一些字体有效，下面我会给你一个例子；
(由于声誉原因无法嵌入图像)
这就是它如何在CorelDraw中呈现字体家族Arial & Comic。
不过，当在浏览器中显示时，呈现效果很好。
有什么想法吗？
问候
浏览 3提问于2015-03-31得票数 0
回答已采纳
我遵循了这个中的步骤，以便能够在颤振应用程序中使用我的自定义图标，但是我发现将pubspec.yaml文件配置为将.dart文件和.ttf添加到依赖项中是很棘手的，我得到了以下错误：
Error on line 45, column 4 of pubspec.yaml: A dependency specification must be a string or a mapping.
╷
45 │ ┌ - family: RechargeExpress
46 │ │ fonts:
47 │ │ - asset: fonts
浏览 4提问于2020-09-01得票数 4
回答已采纳
我将FabricJS与AngularJS应用程序结合使用。我能够在画布中添加文本，并使用位于的厨房链接示例，我可以执行诸如粗体、斜体、下划线等功能。
但是，我面临的问题是如何更改字体族、文本对齐、字体大小等，因为当我从下拉列表中选择字体家族时，不会发生任何更改……但它适用于厨房的例子。
我正在使用Kitchensink示例，因为我不仅需要添加文本，而且需要在画布上显示文本之后编辑文本，这似乎符合我的需要。
按钮(正在工作)有一个HTML元素，如：
<button class="btn btn-object-action" type="button" ng-
浏览 1提问于2015-09-22得票数 0
回答已采纳
这是我的main.dart文件
import 'package:flutter/material.dart';
import './question.dart';
import 'Answer.dart';
void main() {
runApp(Appone());
}
class Appone extends StatefulWidget {
@override
ApponeState createState() => ApponeState();
}
class ApponeState extends State<
浏览 0提问于2021-06-28得票数 0
3回答
我在使用jQuery更改文本的字体系列时遇到了问题。
我的html：
<select id="message-font-selection" class="promo">
<option value="Oswald">Oswald</option>
<option value="Open Sans">Open Sans</option>
浏览 1提问于2016-02-16得票数 0
2回答
每次单击按钮时，我都想在回收器视图上更改项目的字体系列。所以我按下面的方式编码。
rbAritaBuri = view.findViewById(R.id.rb_aritaBuri)
rbCafe24 = view.findViewById(R.id.rb_cafe24SurroundAir)
rbAritaBuri.setOnClickListener {
rv_work_preview.tv_work_content.typeface = Typeface.createFromAsset(requireActivity().assets, "fonts/a
浏览 6提问于2021-09-09得票数 1
回答已采纳
我下载了一些.ttf字体，并将它们放在我的~/.fonts主目录中。当我跑的时候
matplotlib.font_manager.get_fontconfig_fonts()
这些字体显示在列表中(按路径)。我也可以跑
matplotlib.font_manager.FontProperties(<path>).get_name()
并取回字体的名称，例如"Impact“。
但是当我尝试这个的时候：
import matplotlib.pyplot as plt
plt.text(0,0,'Hello',fontname='Impact')
浏览 18提问于2019-11-21得票数 1
希望有人能推荐一个相对简单的解决方案来管理Flash中的多个语言
问题：
我有一个Flash图像旋转木马，我需要管理文本标题的多个翻译和字体，以及可能本地化的图像，例如中国的销售人员的图片，用于中国版本的网页。
正在审议的解决办法：
在一个XML文件中有多个翻译，按国家分类，使用HTML字段，并通过在嵌入代码中传递&country=“FlashVar”来设置相应的字体系列，为每个翻译创建单独的SWF & XML文件，并使用条件Javascript嵌入正确的版本。
浏览 3提问于2011-11-08得票数 0
我试图通过：创建一个条形码扫描器。
当我运行我的代码时，我会得到以下错误：
E/flutter ( 9248): [ERROR:flutter/lib/ui/ui_dart_state.cc(209)] Unhandled Exception: MissingPluginException(No implementation found for method scanBarcode on channel flutter_barcode_scanner)
E/flutter ( 9248): #0 MethodChannel._invokeMethod (package:flutter
浏览 7提问于2022-01-03得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
