awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索，发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
vhpoet avatar

vhpoet/react-native-styling-cheat-sheet

0
View on GitHub↗
4,957 星标·595 分支·4 次浏览

React Native Styling Cheat Sheet

本项目是一个技术目录和跨平台移动端样式参考，用于构建移动用户界面。它作为一个移动 UI 属性目录和翻译指南，将标准的 Web 样式概念映射到移动框架所需的 JavaScript 对象表示法。

该参考提供了关于移动端 Flexbox 布局的具体指导，用于排列元素和控制对齐。它进一步将 CSS 概念转换为移动兼容的表示法，以协助将 Web 样式迁移到移动环境。

该文档涵盖了广泛的视觉样式功能，包括排版、边框配置和阴影效果。它还包括图像显示管理、元素几何变换和文本输入行为配置的规范。

Features

  • Mobile UI Property Catalogs - Serves as a comprehensive catalog of visual attributes and styling properties for mobile interface development.
  • CSS-to-Native Style Translators - Maps standard CSS properties to native mobile style objects for cross-platform implementation.
  • Mobile Flexbox Layouts - Documents flexbox layout mechanisms specifically adapted for positioning native mobile widgets.
  • Flexbox Layout Models - Controls the alignment and sizing of mobile containers and children using the flexible box model.
  • Mobile Typography Styling - Provides configuration for font properties, weights, and alignments specifically for mobile screen rendering.
  • Cross-Platform Style Mapping - Maps standard CSS properties to platform-specific primitives to ensure consistent rendering across mobile environments.
  • Object Property Grouping - Provides visual organization of styling properties into functional categories to improve developer discoverability.
  • UI Visual Effects - Defines interface element appearance through visual enhancements such as opacity, shadows, and elevation levels.
  • Styling Property References - Offers a technical catalog of properties for creating visual depth via drop shadow configurations, including blur and offset.
  • Border Styling Utilities - Provides property references for controlling the width, color, style, and corner radius of element borders.
  • Image Fitting and Tinting - Provides specifications for image resize modes and tint colors within native mobile components.
  • Styling Property Mappings - Groups styling keys by functional utility to improve the discoverability of mobile UI attributes.
  • Input Behavior Configurations - Configures text input behaviors, including keyboard types and character limits, for mobile data entry.
  • Component-Specific Property Sets - Groups styling properties based on the specific native UI components they target, such as Text or View.
  • Visual Element Transforms - Implements visual transforms such as scaling, rotation, and translation for mobile UI elements.
  • Cross-Platform Runtimes - Styling reference for React Native.
  • Front End Development - Guide to styling patterns in React Native.

Star 历史

vhpoet/react-native-styling-cheat-sheet 的 Star 历史图表vhpoet/react-native-styling-cheat-sheet 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

常见问题解答

vhpoet/react-native-styling-cheat-sheet 是做什么的？

本项目是一个技术目录和跨平台移动端样式参考，用于构建移动用户界面。它作为一个移动 UI 属性目录和翻译指南，将标准的 Web 样式概念映射到移动框架所需的 JavaScript 对象表示法。

vhpoet/react-native-styling-cheat-sheet 的主要功能有哪些？

vhpoet/react-native-styling-cheat-sheet 的主要功能包括：Mobile UI Property Catalogs, CSS-to-Native Style Translators, Mobile Flexbox Layouts, Flexbox Layout Models, Mobile Typography Styling, Cross-Platform Style Mapping, Object Property Grouping, UI Visual Effects。

vhpoet/react-native-styling-cheat-sheet 有哪些开源替代品？

vhpoet/react-native-styling-cheat-sheet 的开源替代品包括： youngsoft/mylinearlayout — MyLinearLayout is an Objective-C UI layout framework and responsive layout engine for iOS. It serves as a… vadimdemedes/tailwind-rn — tailwind-rn is a utility-first mobile UI kit and integration framework that allows the use of Tailwind CSS utility… meliorence/react-native-render-html — This project is an HTML-to-native renderer and cross-platform UI component that transforms web-standard markup into… nativewind/nativewind — NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native… facebookarchive/asyncdisplaykit — AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of… tombenner/nui — Nui is a declarative UI styling tool and stylesheet library for iOS applications. It separates visual design from…

React Native Styling Cheat Sheet 的开源替代方案

相似的开源项目，按与 React Native Styling Cheat Sheet 的功能重合度排序。
  • youngsoft/mylinearlayoutyoungsoft 的头像

    youngsoft/MyLinearLayout

    4,411在 GitHub 上查看↗

    MyLinearLayout is an Objective-C UI layout framework and responsive layout engine for iOS. It serves as a multi-pattern view orchestrator that organizes interface elements using a combination of linear, relative, and grid layout patterns. The library brings CSS flexbox and floating element behavior to iOS views for dynamic space distribution. It includes a dedicated system for right-to-left language orientations, providing automatic mirroring of interface elements to support localized layouts. The framework covers a broad range of arrangement strategies, including flow-based element wrapping

    Objective-C
    在 GitHub 上查看↗4,411
  • nativewind/nativewindnativewind 的头像

    nativewind/nativewind

    7,960在 GitHub 上查看↗

    NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native applications. It functions as a cross-platform styling system and style mapper that translates CSS-based utility classes into native style objects compatible with mobile platforms. The framework provides a responsive UI engine that implements breakpoints, dark mode management, and platform-specific modifiers. It allows for the definition of custom themes including global colors, fonts, and spacing values to maintain a consistent visual identity across different devices. The system cover

    TypeScriptcssnativewindreact
    在 GitHub 上查看↗7,960
  • facebookarchive/asyncdisplaykitfacebookarchive 的头像

    facebookarchive/AsyncDisplayKit

    13,345在 GitHub 上查看↗

    AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy

    Objective-C++
    在 GitHub 上查看↗13,345
  • meliorence/react-native-render-htmlmeliorence 的头像

    meliorence/react-native-render-html

    3,651在 GitHub 上查看↗

    This project is an HTML-to-native renderer and cross-platform UI component that transforms web-standard markup into native mobile components. It functions as a CSS-to-native style engine and a customizable HTML parser, allowing web content to be displayed in mobile applications without the use of a full web view. The library is distinguished by its ability to intercept and modify the HTML DOM tree before rendering, enabling the injection of custom components, the filtering of specific nodes, and the overriding of default element translation models. It also implements a sophisticated style res

    TypeScriptandroidcsscustomizable
    在 GitHub 上查看↗3,651
查看 React Native Styling Cheat Sheet 的所有 30 个替代方案→