flutter Text组件

最新推荐文章于 2025-04-12 19:49:26 发布

原创最新推荐文章于 2025-04-12 19:49:26 发布 · 482 阅读

0 ·

CC 4.0 BY-SA版权

本文展示了一个使用Flutter框架创建的简单古诗词应用实例，包括应用程序的启动、标题设置、主题设计以及古诗词内容的展示方式。代码中详细介绍了如何使用Scaffold、AppBar、Text等Widget来构建界面，并对文本样式进行了个性化定制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

void main ()=>runApp(myApp());
class myApp extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title:'啦啦啦，fluterApp上线了',
      home:Scaffold(
        appBar:AppBar(
          title:Text('古诗词'),
        ),
        body:Center(
          child: Text(
            '一院丁香雪',//文字信息
            maxLines:1,  //显示行数
            overflow: TextOverflow.ellipsis, //文字溢出处理 clip：超出一行切除，ellipsis:超出一行省略号代替，fade:从上到下颜色渐渐变淡
            textAlign: TextAlign.center,//对齐方式 
            style:TextStyle(//对字体样式编辑
                fontSize: 25.0,
                color:Color.fromARGB(255, 255, 100, 100),
                decoration: TextDecoration.underline,//添加下划线
                decorationStyle: TextDecorationStyle.dashed//下划线类型
            )
          ),
        ),
      ),
    );
  }
}