Liveview native jetpack RN is an entire runtime and framework. Apr 22, 2025 · liveview-client-jetpack 项目是一个开源项目，旨在使用 Phoenix LiveView 构建原生 Android 应用。以下是项目的目录结构及其简要说明： 以下是项目的目录结构及其简要说明： Issues. This guide only covers installation for the officially supported platforms, SwiftUI (iOS, macOS and watchOS) and Jetpack (Android). Code; Issues 107; Pull requests 2; LiveView Native is more like React Native in that we are producing real native views and not a web wrapper. Sign in Product Nov 14, 2023 · nelson-glauber moved this from Todo to In Progress in LiveView Native JetPack Jan 15, 2024 nelson-glauber linked a pull request Jan 17, 2024 that will close this issue Components Sprint 8 - Part 2 #190 Navigation Menu Toggle navigation. There are also many geared towards the Find and fix vulnerabilities Actions. Feb 1, 2024 · AZholtkevych added this to LiveView Native JetPack Feb 1, 2024. Sign in Jan 22, 2025 · LiveView Native offers a compelling model: one language, one architecture, real-time responsiveness, and native user experiences—all under the banner of Elixir’s robust concurrency and Phoenix Nov 14, 2023 · Navigation Menu Toggle navigation. After installing Rust, you'll need to install the toolchains for each platform which the library will be generated (arm, arm64, x86, x86_64, darwin-x86-64, darwin-aarch64) . This module should be used for creating new LiveView Native Clients. Jan 17, 2023 · For those unaware, we decided to extract out all common functionality that would allow anyone else to build a LiveView Native client, rewrite it in Rust, and integrate into the SwiftUI client and the Jetpack Compose client. get with {:live_view_native_jetpack, "~> 0. Jul 9, 2024 · LiveView Native JetPack. Sign in Product This document explains how LiveView Native Core integrates with Android applications through the Kotlin language bindings. Our casing for this is liveview-native, which more than one LiveView Core team member has pointed out to me that they use live_view. Also, the library has documentation about the markup languages used by the library on iOS, some tutorials to learn how to use them, and some examples on the official repository to show the potential of the technology. It allows a single LiveView to serve both web and non-web clients by transforming platform-specific template code into native UIs: Sep 9, 2024 · It doesn’t matter if the connected client is a web browser running LiveView, an iPad running LiveView Native SwiftUI, or a Samsung phone running LiveView Native Jetpack. 1) Use this module within a LiveView to delegate rendering requests from a native client to a format specific rendering component. AZholtkevych converted this from a draft issue Feb 2, Feb 2, 2024 · nelson-glauber moved this from Todo to Done in LiveView Native JetPack Mar 22, 2024 AZholtkevych closed this as completed Mar 22, 2024 Sign up for free to join this conversation on GitHub . Sign in Write better code with AI Security. Sign in Product Let's use this as a running topic on how best to integrate LV Native Core into the Jetpack client Navigation Menu Toggle navigation. Jetpack. Sign in Product. Sign in Jan 31, 2024 · Navigation Menu Toggle navigation. Skip to content. Plan and track work Navigation Menu Toggle navigation. Sign in Product Contribute to liveview-native/liveview-client-jetpack development by creating an account on GitHub. We have Jetpack support in very active development, but for those wanting to build SwiftUI apps we’ve been telling people they need a MacOS machine. View Source LiveViewNative. Sign in Jan 30, 2024 · Navigation Menu Toggle navigation. " This approach is a perfect match for an open-source project like Bonfire. Navigation Menu Toggle navigation Jan 30, 2024 · Navigation Menu Toggle navigation. 为了更好地理解如何使用 LiveViewNative Jetpack 客户端，您可以参考以下案例和最佳实践： 状态 Dec 6, 2023 · The DockYard team followed up Phoenix Liveview with LiveView Native in 2022, which allows a single Phoenix LiveView to interact with any number of clients—including those written in SwiftUI and Jetpack for iOS and Android devices, respectively—without having to write the same business logic multiple times, in fragmented frameworks, while Navigation Menu Toggle navigation. Sign in Feb 2, 2024 · AZholtkevych added this to LiveView Native JetPack Feb 2, 2024. 应用案例和最佳实践. Code; Issues 107; Pull requests 3; Jan 29, 2024 · Skip to content. If available in Hex, the package can be installed by adding live_view_native_jetpack to your list of dependencies in mix. Half measures were never our goal with LiveView Native. Component The LiveViewNative Jetpack package lets you use Phoenix LiveView to build native Android apps with Jetpack Compose. Write better code with AI Security. 0"} ] end 然后在 LiveView Native 插件配置中包含 Jetpack 插件： config :live_view_native, plugins: [ LiveViewNative. Notifications You must be signed in to change notification settings; Fork 3; Star 79. We hang out in #liveview-native on the Elixir Slack and # Sep 18, 2023 · Hello ElixirForum community, I’m planning to build a mobile app using Elixir and Phoenix in 2023. Navigation Menu Toggle navigation "Because we are leveraging the LiveView programming model, if you already have a LiveView application built you already have 75% of the work done to build a LiveView Native application. Sign in Skip to content. Jetpack] 3. 3. 0"} in mix. We want LiveView Native to be able to go toe-to-toe with any other native application framework and add to the very impressive set of libraries that exist in Elixir. exs 文件中添加 live_view_native_jetpack 依赖： def deps do [ {:live_view_native_jetpack, "~> 0. JetPack -> Modifiers -> Other: Modifier. You should see the LiveView you created. The client acts more like a dumb terminal. In this series we’ll be building a simple LiveView Native app. Sign in Feb 1, 2024 · Navigation Menu Toggle navigation. Sign in Product Apr 22, 2025 · 在 Phoenix 后端项目中，您需要在 mix. Currently, the features planned to be provided by the Core library consists of: Connection management for the LiveView socket; Initializing a virtual DOM from the page received from the LiveView server, and associated parsing out of components, live views, and statics Sep 20, 2024 · Build your mobile app more efficiently with LiveView Native. The LiveViewNative Jetpack package lets you use Phoenix LiveView to build native Android apps with Jetpack Compose. Sign in Product Navigation Menu Toggle navigation. Sign in Jan 19, 2023 · nelson-glauber moved this from In Progress to Code Review in LiveView Native JetPack Nov 3, 2023 nelson-glauber linked a pull request Nov 7, 2023 that will close this issue New components - Sprint 2 #70 Then, run your app and navigate to your local development server in a web browser. onPreviewKeyEvent(onPreviewKeyEvent: (KeyEvent) -> Boolean) #258 Open AZholtkevych opened this issue Feb 1, 2024 · 0 comments Feb 2, 2024 · Navigation Menu Toggle navigation. This project contains Rust files which depends on LiveView Core library and exposes functionality to the Kotlin layer via JNI. Feb 5, 2024 · AZholtkevych added this to LiveView Native JetPack Feb 5, 2024. Initially through server side rendered HTML/CSS/JS directly in Phoenix, passing through some native integrations like Scenic and recently through LiveView Native project. To use LiveView Native you must configure application to register LiveView Native plugins and instruct Phoenix on how to handle certain formats. AZholtkevych reopened this Apr 20, Sep 9, 2022 · First off, when a LiveView Native client connects to a LiveView server endpoint it will send along the platform information for the server to pattern match on. State management and event handling are shared between target destinations. LiveView Native 是一个基于Ecto和Phoenix LiveView理念构建的框架，旨在为原生移动应用提供实时通信和视图更新能力。 通过它，开发者能够利用Elixir的强大并发性能和Phoenix的Web sockets特性，在iOS和Android应用中实现服务器驱动的UI更新，从而减少客户端逻辑复杂度，提升用户体验。 View Source LiveViewNative (live_view_native v0. This means that an app has be to re-implemented for each platform. Notifications You must be signed in to change notification settings; Fork 3; Star 99. Nov 14, 2023 · Navigation Menu Toggle navigation. LiveView Native empowers developers to build native and web applications seamlessly with Phoenix. For this part you will need the following: Aug 24, 2024 · 项目介绍. All event handling should remain in the LiveView, all rendering concerns for a given format will be delegated to the component. Oct 27, 2023 · The Elixir community and more specifically the Phoenix community have always been involved with some form of frontend development. exs, then the package installs successfully, and the following doesn't show. Find and fix vulnerabilities Navigation Menu Toggle navigation. Sign in Product Jan 31, 2024 · Navigation Menu Toggle navigation. Status: Done +7 more Milestone No milestone Development Successfully merging a pull request may close this issue. Sign in Product AZholtkevych moved this to Todo in LiveView Native JetPack Nov 16, 2023 AZholtkevych linked a pull request Nov 27, 2023 that will close this issue New components - Sprint 2 #70 Feb 5, 2024 · AZholtkevych added this to LiveView Native JetPack Feb 5, 2024. I’d like to get your input on the best technology for the mobile front-end. Oct 1, 2024 · Once Jetpack support lands we’ll be releasing a similar application for Android devices. AZholtkevych converted this from a draft issue Feb 6, Feb 5, 2024 · AZholtkevych added this to LiveView Native JetPack Feb 5, 2024. Reload to refresh your session. Sign in Feb 1, 2024 · nelson-glauber moved this from In Progress to Code Review in LiveView Native JetPack Apr 3, 2024 nelson-glauber closed this as completed in #421 Apr 3, 2024 github-project-automation bot moved this from Code Review to Done in LiveView Native JetPack Apr 3, 2024 Navigation Menu Toggle navigation. Sign in Feb 5, 2024 · liveview-native / liveview-client-jetpack Public. Should I go with React Native, Flutter, or something else? Any advice, case studies, or considerations regarding Elixir-Phoenix integration with these mobile frameworks would be greatly appreciated. The app will be SwiftUI, as of writing this, the Jetpack client is not yet ready. nelson-glauber moved this from Todo to Done in LiveView Native JetPack Mar 22, 2024 AZholtkevych closed this as completed Mar 22, 2024 Sign up for free to join this conversation on GitHub . Feb 1, 2024 · Navigation Menu Toggle navigation. This is done by extending LiveView's standard render/1 callback. LVN uses the LiveView programming model for server-side stored state. Thanks for your help! Sep 26, 2024 · We could have cut corners and just done a WebView that gave native-like experiences. 0"} ] end 然后，将 Jetpack 插件添加到 LiveView Native 插件列表中： config :live_view_native, plugins: [LiveViewNative. Jetpack ] 步骤 5: 创建 LiveView Write better code with AI Security. Configuration. Mar 6, 2023 · LiveView Native has an iOS stable client version for development, and an Android version for Jetpack is under development. Sign in Jan 12, 2025 · Acceptance criteria When user run mix deps. Sign in Product nelson-glauber moved this from Todo to Done in LiveView Native JetPack Mar 22, 2024 AZholtkevych closed this as completed Mar 22, 2024 Sign up for free to join this conversation on GitHub . Now there’s no need to manage multiple teams or juggle multiple frameworks: The same developers can manage both, cutting down delivery timelines and freeing up resources to focus on innovation. Nov 14, 2023 · nelson-glauber moved this from In Progress to Code Review in LiveView Native JetPack Jan 15, 2024 nelson-glauber closed this as completed in #189 Jan 15, 2024 github-project-automation bot moved this from Code Review to Done in LiveView Native JetPack Jan 15, 2024 Jun 22, 2024 · LiveView Native Jetpack：基于 Jetpack 的 LiveView Native 客户端，适用于 Android 平台。 LiveView Server ：提供实时数据推送和状态管理的服务器端组件，与 LiveView Native Core 协同工作。 Feb 5, 2024 · nelson-glauber moved this from In Progress to Code Review in LiveView Native JetPack Apr 9, 2024 nelson-glauber closed this as completed in #428 Apr 9, 2024 github-project-automation bot moved this from Code Review to Done in LiveView Native JetPack Apr 9, 2024 Feb 6, 2024 · AZholtkevych added this to LiveView Native JetPack Feb 6, 2024. However, our programming model is the opposite of React Native. AZholtkevych converted this from a draft issue Feb 1, format: :jetpack module_suffix: Jetpack template_sigil: ~LVN component: LiveViewNative. Automate any workflow Write better code with AI GitHub Advanced Security Feb 1, 2024 · JetPack -> Modifiers -> Keyboard: Modifier. Find and fix vulnerabilities Nov 8, 2023 · liveview-native / liveview-client-jetpack Public. Navigation Menu Toggle navigation Feb 5, 2024 · Navigation Menu Toggle navigation. Sign in Product Feb 2, 2024 · Navigation Menu Toggle navigation. Sign in Product Skip to content. Find and fix vulnerabilities Contribute to liveview-native/liveview-client-jetpack development by creating an account on GitHub. You switched accounts on another tab or window. Mar 29, 2025 · Presently a LiveView Native app can be written in SwiftUI (Apple) or Jetpack Compose (Android). AZholtkevych converted this from a draft issue Feb 5, Feb 29, 2024 · AZholtkevych moved this from Done to QA in LiveView Native JetPack Apr 20, 2024. Sign in Feb 2, 2024 · Navigation Menu Toggle navigation. exs: Platform libraries provide the native implementations that allow those platforms' clients to connect to your app and render LiveView paths as native user interfaces. LiveView (live_view_native v0. GitHub Copilot Write better code with AI Saved searches Use saved searches to filter your results more quickly Navigation Menu Toggle navigation. Sign in Contribute to liveview-native/liveview-client-jetpack development by creating an account on GitHub. Navigation Menu Toggle navigation Navigation Menu Toggle navigation. It allows a single LiveView to serve both web and non-web clients by transforming platform-specific template code into native UIs: Native platform implementations of the Phoenix LiveView protocol - LiveView Native LiveViewNative平台利用Elixir和Phoenix LiveView技术，实现了Web和原生应用的统一开发。它可以将特定平台的模板转换为原生UI，支持iOS、Android等多种设备。这种方法优化了跨平台开发流程，提升了开发效率，同时为开发者提供了更多UI设计的可能性。 Sep 26, 2022 · What is LiveView Native? LiveView Native is a project that aims to empower exsiting LiveView developers with the ability to deploy native applications using LiveView, with an initial focus on iOS and Android apps. Sep 22, 2024 · All along the development of LiveView Native, I’ve only ever used a MacOS machine to create LVN apps. Notifications You must be signed in to change notification settings; Fork 3; Star 91. Yes, I’m aware 😀. There are a lot of technologies at play, so I’m going to take a moment to summarize the players involved: Nov 1, 2023 · With the “Native” being physically separated from the “LiveView” section, if for no better reason than to indicate this project isn’t under the LiveView Core team’s responsibility. This library provides the serverside glue between Phoenix applications using live_view_native and platform libraries (like live_view_native_swift_ui and live_view_native_jetpack). Contribute to liveview-native/liveview-client-jetpack development by creating an account on GitHub. Warning This dependency is intended for library developers and shouldn't be used for end-user developers who want to use LiveView Native within their application. AZholtkevych converted this from a draft issue Feb 5, Navigation Menu Toggle navigation. You signed out in another tab or window. It was full native UI or bust. It covers the architecture, setup, key components, and usage patterns necessa Navigation Menu Toggle navigation. Sign in Apr 22, 2025 · def deps do [ {:live_view_native_jetpack, "~> 0. Share with us what you’re cooking up in LiveView Native! Be sure to at-mention @liveviewnative on Twitter or share with us blog posts you’re writing about your LiveView Native experiences. Sign in Product Sep 13, 2023 · LiveView Native JetPack. Sign in Contribute to liveview-native/liveview-native-core-jetpack development by creating an account on GitHub. LiveView Native is a platform for building native applications using Elixir and Phoenix LiveView. Apr 22, 2024 · He discusses the setup, key features, and development process related to LiveView Native, focusing on integration with Swift UI and Jetpack. Navigation Menu Toggle navigation You signed in with another tab or window. Brian Cardarella presents the LiveView Native project, showcasing its capabilities in allowing developers to build native applications using Elixir and Phoenix LiveView. 1). Book a free consult today to learn how we can put it to work for you. Toolkits like Flutter or Compose Multiplatform enable you to target Android and iOS, and even Desktops and the Web with a single implementation. Navigation Menu Toggle navigation. Therefore, you need to install Rust . Sign in Product AZholtkevych moved this from In Progress to Code Review in LiveView Native JetPack Jan 19, 2023 AZholtkevych moved this from Code Review to QA in LiveView Native JetPack Feb 23, 2023 Sign up for free to join this conversation on GitHub . Sign in Product UI Framework Devices LiveView Client; SwiftUI: iPhone, iPad, AppleTV, Apple Watch, MacOS, Apple Vision Pro: LiveView Native SwiftUI: JetPack Compose: Android family Feb 1, 2024 · Navigation Menu Toggle navigation. Installation In Android Studio, select File → Add Packages LiveView Native is a platform for building native applications using Elixir and Phoenix LiveView. Sign in liveview-native / liveview-client-jetpack Public. A native LiveView To support non-web platforms using LiveView Native, simply provide a template for each platform you want to support. We will be releasing an Elixir package to make this drop-in but right now you can check out the ElixirConf Chat App’s handler for conditionally rendering the correct platform template. systemGestureExclusion(exclusion: (LayoutCoordinates) -> Rect) #399 Open AZholtkevych opened this issue Feb 5, 2024 · 0 comments Navigation Menu Toggle navigation. Sign in Navigation Menu Toggle navigation. Code; Issues 107; Pull requests 2; Navigation Menu Toggle navigation. kapzgoygtivnpvyenzuzpyhgdnmtfbibshuijdsxgacbppisi