写一个flutter程序

最新推荐文章于 2024-04-06 16:46:15 发布

悦码客

最新推荐文章于 2024-04-06 16:46:15 发布

阅读量496

点赞数

分类专栏： flutter 文章标签： flutter android

本文链接：https://blog.csdn.net/LeMark2333/article/details/128167900

版权

这篇博客介绍了如何使用Flutter开发一个简单的应用，该应用能够生成并让用户选择公司名称。重点涵盖了Flutter的跨平台UI适配、项目结构、使用外部package、热重载、创建Stateful widget以及无限滚动列表的实现。通过添加english_words包并实现StatefulWidget，展示了Dart的语法特点和Flutter的UI构建原理。

摘要由CSDN通过智能技术生成

这一部分我们写一个简单应用
功能是，为一个创业公司生成建议的公司名称。
用户可以选择和取消选择的名称，保存喜欢的名称。
该代码一次生成十个名称
用户滚动时，生成新一批名称。

着重体验以下几点

Flutter如何在Android、iOS、桌面和web里自动适应不同的UI体系
Flutter工程/项目的基本结构
查找和使用packages来扩展功能
使用热重载(hot reload)加快开发周期
如何实现有状态的widget
如何创建一个无限的、延迟加载的列表

替换掉lib/main.dart中的内容

import 'package:flutter/material.dart';

void main(List<String> args) {
  runApp(const MyApp());  
}

class MyApp extends StatelessWidget{
  const MyApp({super.key});
  
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Welcome to Flutter--appBar'),
          ),
          body: const Center(
            child: Text('Hello World'),
          ),
        ),
    );
  }
}

运行效果：