HtmlNative

screenshot of HtmlNative

:page_with_curl:Use HTML/CSS to render Android View, Lua to control its logic (Not Webview)

Overview

HtmlNativeEnglish provides a unique solution for rendering dynamic interfaces in Android using HTML. Unlike traditional WebView, which merely embeds web content within an app, HtmlNative translates HTML and CSS directly into native controls. This approach not only enhances user experience but also meets specific customization needs without requiring client app updates. By leveraging server-rendered HTML and CSS, the native controls guarantee a seamless interface that feels well-integrated and responsive.

The flexibility of HtmlNative extends beyond mere rendering; it allows developers to use custom HTML tags that can be mapped to native controls. This creates a straightforward deployment environment where developing interfaces feels remarkably interactive. With added capability to include Lua scripts for dynamic behavior within HTML, it opens up a world of possibilities for developers looking to create rich experiences on Android.

Features

  • Native Rendering: Converts HTML and CSS into native Android controls, providing an authentic look and feel compared to WebView.
  • Customization Flexibility: Allows developers to define custom HTML tags that map to native controls, enabling tailored user experiences.
  • Dynamic Content: Leverages server-side rendering so that changes can be implemented instantly without updating the client-side app.
  • HNLua API Integration: Offers a streamlined API to manipulate interface elements, adjust styles, and manage simple interactions dynamically.
  • CSS Support: Supports a range of CSS properties, enabling full styling control over rendered components, though it does not support external CSS files.
  • Inline Scripting: Allows the embedding of Lua scripts directly in the HTML, facilitating the control of component behavior like event handling.
  • Color & Drawable Fetching: Extracts colors and drawable resources directly from HTML using an intuitive syntax, enhancing visual styling capabilities.