百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

第一节 android第一个hello world Flutter项目(MAC环境)

bigegpt 2024-08-27 12:00 2 浏览

很简单,按照官网的教程一步步来即可。

环境准备,先下载好sdk。

1.第一步,先下载flutter sdk

下载地址https://flutter.io/docs/get-started/install/macos,解压到你想要保存的目录。

2.android studio安装flutter插件

Preference=>plugins=>browse respositories,搜索flutter,重启android studio

3.这是点击新建flutter 项目

找到根目录的lib目录,把.dart文件的内容替换为下面,如果你的内容粘贴上去代码格式是不对的,你需要右键下,选择 Reformat Code with dartfmt.

import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
 return new MaterialApp(
 title: 'Welcome to Flutter',
 home: new Scaffold(
 appBar: new AppBar(
 title: const Text('Welcome to Flutter'),
 ),
 body: const Center(
 child: const Text('Hello World'),
 ),
 ),
 );
 }
}

这样我们就可以运行我们的第一个flutter项目了,运行效果

这样我们的第一个hello world项目就ok了

代码说明:
你会看到继承的是extends StatelessWidget,因为在flutter的项目里面,所有都可以看做是插件,这个你们慢慢体会。Scaffold是 Material lib库的,相当于android里面的Appbar
Center是一个组件,组件内容会显示在屏幕中间

启动入口是 lib下面的main.dart文件。

目录结构其实和传统的android项目差别不大,区别在于根目录下多了启动入口lib目录

pubspec文件,是管理assert目录下的图片,音频==的,这个以后在说明

这里说名下,如果你想要你修改的某个变量及时生效的话,要调用setState方法

setState(() {

_counter++;

});,关于这个方法, 官方是这样说明的,This call to setState tells the Flutter framework that something has

// changed in this State, which causes it to rerun the build method below

// so that the display can reflect the updated values. If we changed

// _counter without calling setState(), then the build method would not be

// called again, and so nothing would appear to happen.

翻译下就是,这里的代码块会及时生效的,不需要你重新运行打包,这也是我特别喜欢的一个方法终于可以像开发一个前端那样来开发移动端了

附上 :flutter 解析 json,建议大家可以去看下官网dart关于json解析的说明https://api.dartlang.org/stable/2.0.0/dart-convert/JsonCodec-class.html,

用法很简单,比如这段json{"name": "david", "pwd": "123"},
解析只要Map<String, dynamic> user = json.decode(json);
或者不制定类型。Map userMap = json.decode(json);

相关推荐

【Docker 新手入门指南】第十章:Dockerfile

Dockerfile是Docker镜像构建的核心配置文件,通过预定义的指令集实现镜像的自动化构建。以下从核心概念、指令详解、最佳实践三方面展开说明,帮助你系统掌握Dockerfile的使用逻...

Windows下最简单的ESP8266_ROTS_ESP-IDF环境搭建与腾讯云SDK编译

前言其实也没啥可说的,只是我感觉ESP-IDF对新手来说很不友好,很容易踩坑,尤其是对业余DIY爱好者搭建环境非常困难,即使有官方文档,或者网上的其他文档,但是还是很容易踩坑,多研究,记住两点就行了,...

python虚拟环境迁移(python虚拟环境conda)

主机A的虚拟环境向主机B迁移。前提条件:主机A和主机B已经安装了virtualenv1.主机A操作如下虚拟环境目录:venv进入虚拟环境:sourcevenv/bin/active(1)记录虚拟环...

Python爬虫进阶教程(二):线程、协程

简介线程线程也叫轻量级进程,它是一个基本的CPU执行单元,也是程序执行过程中的最小单元,由线程ID、程序计数器、寄存器集合和堆栈共同组成。线程的引入减小了程序并发执行时的开销,提高了操作系统的并发性能...

基于网络安全的Docker逃逸(docker)

如何判断当前机器是否为Docker容器环境Metasploit中的checkcontainer模块、(判断是否为虚拟机,checkvm模块)搭配学习教程1.检查根目录下是否存在.dockerenv文...

Python编程语言被纳入浙江高考,小学生都开始学了

今年9月份开始的新学期,浙江省三到九年级信息技术课将同步替换新教材。其中,新初二将新增Python编程课程内容。新高一信息技术编程语言由VB替换为Python,大数据、人工智能、程序设计与算法按照教材...

CentOS 7下安装Python 3.10的完整过程

1.安装相应的编译工具yum-ygroupinstall"Developmenttools"yum-yinstallzlib-develbzip2-develope...

如何在Ubuntu 20.04上部署Odoo 14

Odoo是世界上最受欢迎的多合一商务软件。它提供了一系列业务应用程序,包括CRM,网站,电子商务,计费,会计,制造,仓库,项目管理,库存等等,所有这些都无缝集成在一起。Odoo可以通过几种不同的方式进...

Ubuntu 系统安装 PyTorch 全流程指南

当前环境:Ubuntu22.04,显卡为GeForceRTX3080Ti1、下载显卡驱动驱动网站:https://www.nvidia.com/en-us/drivers/根据自己的显卡型号和...

spark+python环境搭建(python 环境搭建)

最近项目需要用到spark大数据相关技术,周末有空spark环境搭起来...目标spark,python运行环境部署在linux服务器个人通过vscode开发通过远程python解释器执行代码准备...

centos7.9安装最新python-3.11.1(centos安装python环境)

centos7.9安装最新python-3.11.1centos7.9默认安装的是python-2.7.5版本,安全扫描时会有很多漏洞,比如:Python命令注入漏洞(CVE-2015-2010...

Linux系统下,五大步骤安装Python

一、下载Python包网上教程大多是通过官方地址进行下载Python的,但由于国内网络环境问题,会导致下载很慢,所以这里建议通过国内镜像进行下载例如:淘宝镜像http://npm.taobao.or...

centos7上安装python3(centos7安装python3.7.2一键脚本)

centos7上默认安装的是python2,要使用python3则需要自行下载源码编译安装。1.安装依赖yum-ygroupinstall"Developmenttools"...

利用本地数据通过微调方式训练 本地DeepSeek-R1 蒸馏模型

网络上相应的教程基本都基于LLaMA-Factory进行,本文章主要顺着相应的教程一步步实现大模型的微调和训练。训练环境:可自行定义,mac、linux或者window之类的均可以,本文以ma...

【法器篇】天啦噜,库崩了没备份(天啦噜是什么意思?)

背景数据库没有做备份,一天突然由于断电或其他原因导致无法启动了,且设置了innodb_force_recovery=6都无法启动,里面的数据怎么才能恢复出来?本例采用解析建表语句+表空间传输的方式进行...