使用 LiveView Native 构建篝火原生应用程序

主要观点

  • 开始 Bonfire 原生应用开发日记,使用 LiveView Native 构建,先聚焦 iOS 后支持 Android。
  • 介绍 LiveView Native 和 Elixir 的优势,可利用现有 LiveView 代码,统一代码库构建实时交互应用。
  • 用 Figma 设计初始 mock-ups,后续逐步完善并添加交互等内容,还计划将设计转化为 SwiftUI 及 LVN 代码。
  • 分享开发过程,邀请社区参与,提供反馈和建议,共同推动联邦和开源数字空间的发展。

关键信息

  • LiveView Native 由 DockYard 开发,可扩展 Phoenix LiveView 到原生平台。
  • 初始 mock-ups 为 Bonfire 界面奠定基础,采用增量发布方式。
  • 设置 Figma 环境,使用 iOS 18 UI Kit 组件和资产,定义布局网格。
  • 定义 Bonfire 基本视图,注重使用标准 iOS 资产和布局。
  • 后续将增强 mock-ups、转化代码、探索 LVN 等。
  • 邀请开发者参与,可通过 Fediverse、Elixir Forum 等渠道。

重要细节

  • LVN 目前版本 0.3,相关方法和解决方案会随时间演变。
  • 用 iPhone 14 & 15 Pro 框架创建第一视图,设置 6 列 16px gutter 和 margin 的列配置,自动适应屏幕。
  • 行数设置为“Auto”,顶部对齐,高度 44,偏移 54,16 点 gutter。
  • 可通过链接访问 Bonfire iOS App Mockups 文档,提供反馈和建议。
  • 后续帖子将涵盖增强 mock-ups、转化代码等多个方面的内容。
阅读 11
0 条评论