react native elements

クロスプラットフォームは、ネイティブUIツールキットを反応します

開始 - ドキュメント-Expoデモ - ブログ - リリース

インストール

npm install @rneui/themed @rneui/base

これらの指示に従って、Reactネイティブ要素をインストールしてください！

パッケージ

パッケージ	バージョン	ダウンロード
@rneui/base
@rneui/themed

クイックスタート

コンポーネントの使用を開始するか、スナックで試してみてください。

 import { Button } from '@rneui/base' ;

const App = ( ) => < Button title = "Hello World!" /> ; 

ネイティブのWebサポートを反応します

クロスプラットフォームUI Toolkitとして、RNEをWebで使用し、React Native + React Webアプリ間でコードベースを共有できるようになりました。 RNEコンポーネントは、ブラウザで完全にレンダリングされます。これを実現して、RNEをコラボレーションし、Webのネイティブを反応することにより、iOS、Android、Webをターゲットにします。

React Native Elements + React Native Webを使用した完全なウォークスルーについては、ここをクリックしてください。

Expoデモアプリ

すべてのReact Native Elementsコンポーネントを使用するExpoの公式React Native Elementsアプリをチェックアウトします。

React Native Elementsアプリに貢献したい場合は、実装を表示し、このコマンドを使用してアプリをローカルに開始するためにここで

yarn example:start

VSコード拡張機能

Reactネイティブ要素とコード拡張機能をインストールして、開発を高速化します。

ドキュメント

ここで完全なドキュメントをご覧ください

貢献

このレポに貢献することに興味がありますか？寄稿ガイド、セットアップガイドをチェックして、新機能/バグ修正のためにPRを提出してください。

私たちのすべての貢献者への大きな叫び！あなたもここにいることができます！

最初の貢献者

私たちは、PRの特に初めての貢献者を貢献して提出することを誰もが奨励しています。問題に関するラベルGood First Issueを探してください。それらを見るにはここをクリックしてください。

新しい機能を見たりリクエストしたりするものがある場合は、問題またはプルリクエストを送信してください。

コミュニティ

• Discord-他の質問がある場合、またはこんにちはと言いたい場合！ RNEコミュニティに、Discordサーバーに参加してください。反対側でお会いしましょう！ ？

• Twitter- Twitterでフォローして、最新の更新を取得してください。

支援者

支援者になり、React Native Elementsのサポートを示します。

スポンサー

生産に反応ネイティブ要素を使用していますか？その場合は、このプロジェクトをサポートすることを検討してください。メンテナーは、このプロジェクトの維持にもっと時間を費やし、すべての人に新しい機能を構築できるようにすることを検討してください。また、アプリや会社のロゴはGitHubに表示され、Webサイトにリンクします。少し余分な露出を望んでいませんか？これが情報です。ウェブサイトでスポンサーを確認してください。