問題タブ [native-base]

React Native プロジェクトに NativeBase を使用しています。

インライン スタイルを使用して、コンポーネントの境界線のサイズを大きくすることができ<Button />ます。NativeBase から使用されるすべてのボタンをスタイルする方法はありますか?

NativeBase Docsのセットアップ手順に従い、実行しましたrnpm link。次のエラーが表示されます: 認識されないフォント ファミリ イオコン

Xcode によってもチェックされているため、フォントは既にビルド段階にあります。私は何が欠けていますか？

NativeBase コンポーネントで利用できるイベントは何ですか?

たとえば、

• onChangeText の入力の状​​態を更新します
• フォーム送信時のボタンクリックに反応したい

React Nativeで言及されているその他のイベントは、 NativeBaseコンポーネントでサポートされていますか?

ネイティブ ベースを使用して画面のフッターに 5 つのアイコンを取得しようとしていますが、3 つのアイコンしか表示されません。このリンクを参照しています。これがコードです。

問題は何ですか？よろしくお願いします。

私の現在の反応ネイティブアプリでは。

一般的なアプリ ナビゲーションに react-native-navigation を使用しています。

一方、いくつかの基本的な UI 要素にはネイティブ ベースを使用したいと考えています。

<Icon name="ios-search"/>私の質問は、 native-base から react-native-navigation タブにどのように渡すのですか?

このウィキに基づいています。タブアイコンの実際の画像のみを受け入れるようですか? https://github.com/wix/react-native-navigation/wiki/Top-Level-API

私が見る限り、ネイティブ ベースのアイコンは、react-native-vector-icon の単なるラッパーです。react-native-vector-icon には、アイコンを画像に変換できる getImageResource 関数があります。ネイティブベースで行うにはどうすればよいですか?

ReactNative で NativeBase を使用しようとしており、背景として画像を使用しています。私はしばらくグーグルしてきましたが、ここに私が思いついたコードがあります:

問題は、これにより画像が大幅に引き伸ばされ、シミュレーターで認識できなくなることです。実際の画像と比較したシミュレーターの画像を次に示します。

実際の画像は次のとおりです。

これを修正するにはどうすればよいですか?

そのため、NativeBase を Component フレームワークとして使用して React Native App を開発しています。
カードコンポーネントを使用しています。
これは私のコードです:

これは私のcssです：

背景画像レイヤーの前にテキストを配置したいのですが、次のようにします: どうすればできますか?

私は React と React Native にかなり慣れていないので、React NativeBase をいじっています。

単一のファイル内で次の作業を行うことができましたが、今はコードを別々のファイルの複数のコンポーネントに分割しようとしています。

問題は、インポートしたコンポーネントが表示されないことです。私はこれにしばらく苦労してきましたが、何が間違っているのかわかりません...おそらく本当にばかげたことです。

これが私のコードです：

コード/index.ios.js

コード/main.js

私はこれを使用して実行しています:

明確にするために、コードindex.ios.jsは正常に表示され、ヘッダーは iPhone シミュレーターに表示されますが、テキストは表示されmain.jsません。

どんな助けでも大歓迎です！