rtl

Name: rtl
Availability: InStock
Author: Stream

Audit RTL layout compatibility in Stream Chat React Native code changes.

1.2k|377|Updated Mar 28, 2019

Search Tags:#RTL #RTL audit #layout compatibility #layout adjustment #Stream Chat React Native

Ready to run

npx skills add https://github.com/GetStream/stream-chat-react-native --skill rtl

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: rtl
Source: https://github.com/GetStream/stream-chat-react-native/tree/main/.claude/skills/rtl
Command: npx skills add https://github.com/GetStream/stream-chat-react-native --skill rtl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps maintain and audit RTL (right-to-left) layout compatibility in Stream Chat React Native, ensuring a seamless user experience for RTL locales.

Core Features & Use Cases

RTL Audit: Checks code changes for RTL compatibility issues.
Layout Adjustment: Guides on using logical properties and conditionals for RTL.
Icon and Gesture Handling: Provides best practices for icons and swipe gestures in RTL.
Use Case: When updating styles or components in Stream Chat React Native, use this Skill to ensure the layout remains correct in both LTR and RTL modes.

Quick Start

Run the 'rtl' skill to perform an RTL compatibility audit on your latest code changes.

Frequently Asked Questions about rtl

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I audit RTL layout compatibility in Stream Chat React Native?▼

To audit RTL layout compatibility, run this Skill to check code changes for text alignment, icons, gestures, and positioning issues specific to RTL locales in Stream Chat React Native.

What is the best way to adjust React Native styles for RTL locales?▼

The best way to adjust styles for RTL locales is to use logical properties and conditionals, ensuring your layout remains correct in both LTR and RTL modes within Stream Chat React Native.

How do I handle icons and swipe gestures in RTL layouts?▼

Handling icons and swipe gestures in RTL layouts requires applying specific best practices for directional adjustments, ensuring gestures and icons mirror correctly for right-to-left users.

Do I need prior React Native knowledge to fix RTL text alignment issues?▼

Yes, you need prior knowledge of React Native and an understanding of RTL layout principles to effectively identify and address text alignment and positioning issues in RTL locales.

Why does my Stream Chat React Native layout break in RTL mode?▼

Your layout breaks in RTL mode due to unhandled text alignment, icons, gestures, or positioning issues, which require auditing code changes for RTL compatibility.

Can I use this RTL audit for standard React Native applications?▼

This Skill focuses specifically on auditing and maintaining RTL layout compatibility within Stream Chat React Native, rather than standard React Native applications.