2024年最新手把手教你用Spuernova生成flutter代码，2024年最新面试 总结

总结

开发是面向对象。我们找工作应该更多是面向面试。哪怕进大厂真的只是去宁螺丝，但你要进去得先学会面试的时候造飞机不是么？

作者13年java转Android开发，在小厂待过，也去过华为，OPPO等，去年四月份进了阿里一直到现在。等大厂待过也面试过很多人。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。

这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

相信它会给大家带来很多收获：

资料太多，全部展示会影响篇幅，暂时就先列举这些部分截图

当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。早早确定自己的职业方向，才能在工作和能力提升中甩开同龄人。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

color: Color.fromARGB(255, 111, 124, 132),

boxShadow: [

BoxShadow(

color: Color.fromARGB(44, 29, 30, 32),

offset: Offset(2, 2),

blurRadius: 3,

),

],

borderRadius: BorderRadius.all(Radius.circular(8)),

),

child: Container(),

)

/// 更改后的代码

Container(

width: 57,

height: 57,

decoration: BoxDecoration(

color: Color.fromARGB(255, 111, 124, 132),

boxShadow: [

BoxShadow(

color: Color.fromARGB(44, 29, 30, 32),

offset: Offset(2, 2),

blurRadius: 3,

),

],

borderRadius: BorderRadius.all(Radius.circular(8)),

),

child: TextField(

style: TextStyle(

color: Color.fromARGB(255, 0, 0, 0),

fontWeight: FontWeight.w400,

fontSize: 12,

),

maxLines: 1,

autocorrect: false,

),

)

还是可以的，只要稍加修改就可以使用。

从上面的代码来看，Spuernova虽然生成的代码不能直接使用，但是到小组件级别还是可是省不少气力的。

个人认为最好用的其实是帮我们把UI里面的样式全部提取了出来，放在values目录下：

// colors.dart

import ‘dart:ui’;

class AppColors {

static const Color primaryBackground = Color.fromARGB(255, 38, 173, 211);

static const Color secondaryBackground = Color.fromARGB(255, 36, 38, 44);

static const Color ternaryBackground = Color.fromARGB(255, 74, 78, 122);

static const Color primaryElement = Color.fromARGB(255, 38, 43, 47);

static const Color secondaryElement = Color.fromARGB(255, 243, 64, 61);

static const Color accentElement = Color.fromARGB(255, 47, 52, 57);

static const Color primaryText = Color.fromARGB(255, 93, 99, 106);

static const Color secondaryText = Color.fromARGB(255, 183, 190, 199);

static const Color accentText = Color.fromARGB(255, 137, 145, 152);

}

// gradients.dart

import ‘package:flutter/rendering.dart’;

class Gradients {

static const Gradient primaryGradient = LinearGradient(

begin: Alignment(0.5, 0),

end: Alignment(0.5, 1),

stops: [

0,

1,

],

colors: [

Color.fromARGB(255, 41, 44, 49),

Color.fromARGB(255, 49, 54, 59),

],

);

static const Gradient secondaryGradient = LinearGradient(

begin: Alignment(0.5, 0),

end: Alignment(0.5, 1),

stops: [

0,

1,

],

colors: [

Color.fromARGB(255, 51, 54, 59),

Color.fromARGB(255, 37, 40, 45),

],

);

}

实际项目中我们可能不止一套主题，那么将上面的生成的样式稍加组织，就可以生成符合项目需求的主题：

// custom_theme.dart

// 蠢蠢的写法，大佬们勿笑

import ‘package:flutter/material.dart’;

class CustomTheme {

CustomTheme({

this.lightShadowColor,

this.darkShadowColor,

this.lightShadowBlur,

this.weightShadowBlur,

this.lightShadowOffset,

this.weightShadowOffset,

});

Color lightShadowColor;

Color darkShadowColor;

double lightShadowBlur;

double weightShadowBlur;

Offset lightShadowOffset;

Offset weightShadowOffset;

factory CustomTheme.light() => CustomTheme(

…

);

factory CustomTheme.dark() => CustomTheme(

lightShadowColor: Color.fromARGB(255, 46, 42, 53),

darkShadowColor: Color.fromARGB(255, 85, 59, 60),

lightShadowOffset: Offset.zero,

weightShadowOffset: Offset.zero,

lightShadowBlur: 3,

weightShadowBlur: 3,

);

static ThemeData darkTheme = ThemeData(

appBarTheme: AppBarTheme(elevation: 0),

scaffoldBackgroundColor: Color(0xFF2E3439),

primarySwatch: MaterialColor(

0xFF2E3439,

{

50: Color(0xFF8293A1),

100: Color(0xFF768693),

200: Color(0xFF6D7B87),

300: Color(0xFF606D78),

400: Color(0xFF515C66),

500: Color(0xFF48535C),

600: Color(0xFF3F4850),

700: Color(0xFF384046),

800: Color(0xFF30383E),

900: Color(0xFF2E3439),

},

),

);

static ThemeData lightTheme = ThemeData(

appBarTheme: AppBarTheme(elevation: 0),

scaffoldBackgroundColor: Color(0xFF2E3439),

…,

);

static CustomTheme of(BuildContext context) {

Brightness brightness = MediaQuery.of(context).platformBrightness;

return brightness == Brightness.dark ? CustomTheme.dark() : CustomTheme.light();

}

学习分享

①「Android面试真题解析大全」PDF完整高清版+②「Android面试知识体系」学习思维导图压缩包

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

[外链图片转存中…(img-R1UcFnTl-1715147446467)]

[外链图片转存中…(img-xCILM0fQ-1715147446468)]

[外链图片转存中…(img-XQy7bMIG-1715147446468)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！