flutter_manhuatai
flutter_manhuatai copied to clipboard
Use Flutter develop manhuatai comic app
flutter_manhuatai
一个使用 Flutter 开发的一款漫画阅读 App, 相应的微信小程序地址 漫画台小程序.
Getting Started
# clone project
git clone [email protected]:cixiu/flutter_manhuatai.git
# cd project root directory
cd flutter_manhuatai
# install dependencies
flutter packages get
# run project
flutter run
Problems encountered
- FloatingActionButton 的 heroTag 必须唯一, 或者为 null
- Widgets in the overflow of stack do not respond to gestures
- 手机适配问题-Flutter screen adaptation, font adaptation, get screen information
- 嵌套的 ScrollView 问题(NestedScrollView, 吸顶 TabBar),解决方法
- 嵌套的 ScrollView+下拉上拉加载更多之解决方法
- 如果使用 Text Widget 对中文设置字体大小后,在一个 Container 容器中字体不居中的问题,使用 strutStyle 的 forceStrutHeight 强制 lineHeight 与字体的高度一致,解决字体在容器中不居中的问题
child: Text(
item.name,
strutStyle: StrutStyle(
fontSize: ScreenUtil().setSp(20),
forceStrutHeight: true,
),
style: TextStyle(
color: Colors.white,
fontSize: ScreenUtil().setSp(20),
),
),
- borderRadius 必须有统一的 border 才能设置
- border 属性不支持 dashed(虚线)设置,需要自己绘制
-
Flutter 真机(魅族)开发卡在 Installing build\app\outputs\apk\app.apk 的问题
- 解决方法: 开发者选项 -> 性能优化 -> 高级日志输出 -> 全部允许
- macbook 上安卓模拟器无法连接网络问题记录
步骤:
- 右上角点击 wifi — 打开网络偏好设置
- 底部高级 — 选择 DNS
- 添加 DNS 服务器 8.8.8.8
- 保存 — 应用
- 重启模拟器即可
说明
- 启动项目时,请将 routes 下相关的 another 有关的路由配置注释掉,此部分有关的 another 路由代码并未上传。
部分截图
首页

每日更新页面

帖子列表页面

用户个人页面

漫画详情页

帖子详情页

搜索结果页面

任务中心页面
