UI screenshot

UI

Updated: 3 Apr 2022
23 Stars

Add right-to-left support to the NativeScript framework

Categories

Overview

The @nativescript-rtl/ui plugin is a game-changer for developers looking to integrate right-to-left (RTL) support into their applications using the NativeScript framework. With an increasing number of users requiring bilingual or multilingual interfaces, having a plugin that efficiently supports RTL layouts is essential. This plugin caters to that need by allowing developers to create UIs that are not only functional but also culturally relevant to RTL language speakers.

For those familiar with NativeScript, this plugin is compatible with both newer and older versions, making it a flexible option. Its ease of installation and straightforward usage means that even developers who are new to RTL alignment can quickly adapt and implement it in their projects.

Features

  • Version Compatibility: Works with NativeScript 7 and higher, and provides support for older versions, ensuring broad usability across various projects.

  • Simple Layout Switching: The isRtl property allows developers to easily toggle between right-to-left and left-to-right layouts, offering seamless integration into existing applications.

  • CSS Direction Control: The direction property can be set to ‘rtl’ by default, but can also be switched to ’ltr’, giving developers full control over how their layout is displayed.

  • Multiple Layout Support: Includes support for a variety of layout types such as AbsoluteLayout, DockLayout, GridLayout, StackLayout, and WrapLayout, all optimized for RTL use.

  • Easy XML Declaration: Developers can declare the plugin in XML, making it easy to access and implement the RTL features directly within their UI components.

  • Angular/Vue Compatibility: For Angular and Vue projects, elements must be registered using registerElement, allowing these frameworks to leverage the RTL components efficiently.

  • User-Friendly: Designed to simplify the implementation of RTL layouts, making it accessible for developers of all skill levels, with clear documentation guiding the usage process.