Flutter轻松加载，如何编辑其文本样式（下划线、字体家族、大小）？

0 人关注

嗨，基本上我添加了一个导入，允许用户使用 "Easyloading"。这是一个软件包 ( https://pub.dev/packages/flutter_easyloading )

基本上，你可以添加样式或让默认值来做。然而，我定制了我的。

EasyLoading.instance
      ..displayDuration = const Duration(milliseconds: 1500)
      ..loadingStyle = EasyLoadingStyle.light
      ..indicatorType = EasyLoadingIndicatorType.wave
      ..maskType = EasyLoadingMaskType.clear
      ..userInteractions = false;
我编辑的原因，是因为我想在风格方面尽可能多地控制，不幸的是，无论编辑与否，我都无法如愿以偿地编辑文本。
EasyLoading.show(status: 'loading...');
当我做这个动作时，它显示得很好，但我想编辑它的粗体字、下划线和 "字体家族风格"。
RaisedButton(
              onPressed: () {
                EasyLoading.instance
                  ..displayDuration = const Duration(milliseconds: 2000)
                  ..backgroundColor = Colors.white
                  ..indicatorColor = Colors.black
                  ..maskColor = Colors.black
                  ..userInteractions = false;
                EasyLoading.show(status: 'loading...');
                Navigator.push(this.context,
                    MaterialPageRoute(builder: (context) => RegisterAccount()));
              child: Text("Register"),


         
          
           android


         
          
           flutter


         
          
           user-interface


         
          
           flutter-layout


         
          
           flutter-dependencies


          
           
            
             
             
              Krish Bhanushali
             
            
            
             发布于
             
             2022-08-02


          
           
            已采纳


          
           
            
             我研究了这个插件，他们没有对文本使用任何类型的样式。他们只是提到了颜色和字体大小。所以你必须根据你的愿望从那里添加这些。
在代码定义中，你可以通过点击顶部的查看定义来导入插件。
            
            
             所以在container.dart的这个地方，如这里的包定义所示
             
              轻松加载编辑
             
            
            Text(
                _status,
                style: TextStyle(
                  color: EasyLoadingTheme.textColor,
                  fontSize: EasyLoadingTheme.fontSize,
                textAlign: EasyLoadingTheme.textAlign,
你可以在TextStyle中添加你自己的风格。
希望这能对你有所帮助 :)


           
            
             
              
               嗨，克里希，我能够编辑对齐方式、大小、颜色，但字体的样式、下划线、粗体或斜体；不是那么多。


           
            
             
              
               嗨，Krish，所以我添加了我的凸起按钮代码，在里面按了一下。我在那里添加了自定义，但就像我说的，我没有找到任何可以去除文本下划线的东西。


           
            
             
              
               嗨，Krish，这就是图片[
               
                imgur.com/OAUNKDu
               
               ]，正如你所看到的，我能够编辑指示器的颜色，文本的颜色，但两个下划线我不知道怎么做，我只是真的希望禁用它们或删除它们，使设计失色哈哈。


           
            
             
              
               Krish Bhanushali
              
              ：


           
            
             
              
               好的，我可以看到。嗯，你想要这些弹出的信息。那么，如果我告诉你另一种好的方法，是否可以呢？


          
           
            
             
              
              
               Yasser Ahmmed
              
             
             
              发布于
              
              2022-08-02


          
           
            
             EasyLoading.instance
..displayDuration = const Duration(seconds: 3)
..indicatorType = EasyLoadingIndicatorType.cubeGrid
..loadingStyle = EasyLoadingStyle.custom
..indicatorSize = 45.0
..radius = 10.0
..progressColor = Colors.blue.shade900
..backgroundColor = Colors.blueGrey
..indicatorColor = Colors.white
..textColor = Colors.white
..textStyle = const TextStyle(fontSize:22,fontStyle: FontStyle.italic )