大数跨境
0
0

跨端 UI 技术周刊

跨端 UI 技术周刊 Very Good Graphics
2024-04-26
0
导读:这里有围绕跨端 UI 技术的开源项目推荐和优秀内容推荐。

开源项目推荐

Flutter Gallery[1]

Flutter Gallery 是由 Flutter 团队开发的开源应用,目的是为了帮助开发者学习 Flutter 的各种 UI 组件和设计模式。通过提供一系列如何实现不同部件和功能的实例,使其成为初学者和经验丰富的 Flutter 开发人员的绝佳资源。Flutter Gallery 简洁而直观的界面使其易于浏览和探索 Flutter 广泛的 widget 目录。且该项目支持 Android、iOS、web、macOS、Linux 和 Windows 几乎所有的系统,充分体现了 Flutter 跨平台特性的无缝整合与高效实现

Flutter Chat[2]

Flutter Chat 是一个开源的即时通讯应用模板,它极大地简化了聊天应用的开发过程。这个模板为开发实时聊天功能奠定了坚实的基础,涵盖了发送文本消息、媒体文件共享以及推送通知等关键特性Flutter Chat 精心设计的用户界面和灵活的架构使其成为希望在其应用程序中添加聊天功能的开发者的热门选择。该应用还展示了处理数据同步和管理用户存在的最佳实践。

react-strict-dom[3]

今年,Meta 开源了一个新的库,叫做 react-strict-dom,其目标是改进和标准化编写用于 Web 和 Native 的通用 React 组件的方式。这也是 Meta 直接发起的第一个面向 Web 和 Native 的跨平台 React 解决方案。

react-native-skia[4]

react-native-skia 是一个由 Shopify 基于 Skia 开源的 React Native 渲染器,这意味着它使用 Skia 作为绘图引擎来进行渲染,而不是使用 React Native 默认的渲染引擎。Skia 是谷歌开发的 2D 图形库,用于开发绘图应用程序,包括浏览器、移动设备和桌面操作系统。React Native Skia 的优点是可以提高 React Native 应用程序的渲染性能和实现跨平台的界面一致性。


line-height: 1.5em;text-align: center;"> 文章推荐

React 赋能微软跨平台新思路|React Native and why Microsoft uses it for its own cross-platform development[5]
今年的 QCon 伦敦大会上微软工程师,也是 React Native 维护者之一的 Lorenzo Sciandra 分享了采用 React Native 进行跨平台开发的新思路。微软在 Office、Outlook、Teams、Xbox 等应用中通过“棕地开发”技术集成 React Native,以增强功能和用户体验。选择 React Native 的考虑包括 JavaScript 的开发者人才资源丰富、与现有 Web 应用的 React 组件兼容性,以及其对原生操作系统控件的利用。

使用 Flutter 制作 3D 翻转动画|Make 3D flip animation in Flutter[6]

适合新手(比如在下)看的入门内容,Flutter 中 3D 效果是通过 Transform 组件实现的,本文介绍了什么是 3D 翻转动画以及如何在 Flutter 中创建一个 3D 翻转动画效果。


Flutter 深度链接_终极指南|Flutter Deep Linking: The Ultimate Guizai[7]
深度链接是一种允许应用程序在特定位置打开的链接,这对于提高用户参与度和改善用户体验非常有用。在 Flutter 中,深度链接充当特定应用程序内容或功能的直接路径,本文详细介绍了创建深度链接的过程,包括设置路由、创建自定义URL方案和链接处理,并详细讲述了 Flutter 深度链接并涵盖了从原生 Android 和 iOS 设置到使用 GoRouter 处理导航的所有内容。


引用链接

[1]  Flutter Gallery: https://github.com/flutter/gallery
[2] Flutter Chat: https://github.com/duytq94/flutter-chat-demo
[3] react-strict-dom: https://github.com/facebook/react-strict-dom
[4] react-strict-skia: https://github.com/Shopify/react-native-skia
[5] React Native and why Microsoft uses it for its own cross-platform development
https://devclass.com/2024/04/11/react-native-and-why-microsoft-uses-it-for-its-own-cross-platform-development/
[6] Make 3D flip animation in Flutter: 
https://medium.com/flutter-community/make-3d-flip-animation-in-flutter-16c006bb3798

[7] Flutter Deep Linking: The Ultimate Guizai: https://codewithandrea.com/articles/flutter-deep-links/


🔥 社区活动
Design as Code|VGG 社区邀你参加开源之夏 ,赢万元奖金




关于 VGG

VGG(VeryGoodGraphics)是新一代跨平台应用开发解决方案。VGG 倡导 Design-as-Code 的理念,让开发者可直接基于设计稿编程,快速将设计原型交付为可交互的应用。
特性一:无代码完美还原设计稿
VGG 自研的开源图形引擎能渲染出高保真设计稿中的任意细节,可直接将设计稿作为用户界面,省去前端与客户端开发者使用代码去复原设计稿的开发工作,降低他们与设计师之间的沟通摩擦成本。
特性二:原生跨平台、嵌入式支持已有开发框架
VGG 通过完全或者部分嵌入的方式,支持在任意一种已有的 APP 基础上进行增量式开发,主持主流平台与框架。
特性三:脚本与 WebAssembly 支持
VGG 还同时支持平台无关的 JS 脚本与 WebAssembly 模块,在提供快速业务逻辑开发能力的同时支持高性能计算。
特性四:高度的生态兼容性
VGG 提供的 SaaS 服务目前已实现对主流设计生态的兼容(Figma/Sketch/Adobe Illustrator),并提供 Figma 插件帮助设计稿快速同步。将来还计划为开发者提供开发辅助工具,打通从应用 UI 设计到应用研发的完整流程。
  • GitHub:https://github.com/verygoodgraphics
  • 官网https://verygoodgraphics.com/
  • 博客https://blog.verygoodgraphics.com/

【声明】内容源于网络
0
0
Very Good Graphics
VeryGoodGraphics 开源社区旨在探索矢量图形能力在 UI 开发上的无限可能,目前已发布国产矢量图形格式(VGG)、矢量图形渲染引擎以及各平台 SDK。
内容 17
粉丝 0
Very Good Graphics VeryGoodGraphics 开源社区旨在探索矢量图形能力在 UI 开发上的无限可能,目前已发布国产矢量图形格式(VGG)、矢量图形渲染引擎以及各平台 SDK。
总阅读0
粉丝0
内容17