React Nativeが開発したコンポーネントImage
1033 ワード
前言
ReactNativeではImageは画像を表示するためのコンポーネントであり、Androidを開発したときのImageViewコントロールと同じ効果が得られます.ネットワークピクチャ、静的リソース、一時的なローカルピクチャ、アルバムなどのローカルディスク上のピクチャを表示するために使用できます.イメージコンポーネントを適切に使用することで、より直感的にユーザーに情報を伝えることができます.
本文は主に以下の内容を述べる.
画像をローカルからロードするネットワークからピクチャをロードする
Appからピクチャをロードする
SDカードから画像をロード
Image
画像をローカルからマウント
コンセプト
ローカルから画像をロードし、キーワード'require'を使用して、プロジェクトディレクトリの下にimagesフォルダを新規作成して画像リソースを保存します.
使用
効果
ネットワークからの画像のマウント
コンセプト
ローカルから画像をロードし、キーワード「uri」を使用し、uriの後ろに画像リソースのネットワークパスが続く
使用
効果
Appから画像をロード
Appからピクチャをロードします.もちろん、ピクチャはresのdrawableディレクトリまたはassetsディレクトリの下に存在します.uriに対応するピクチャ名には接尾辞が含まれていないことを覚えておいてください.これにより、画像が正しくロードされ、表示されます.
使用
drawableを作成したらcleanコマンドを使用
uriを使用して画像をロードする
効果
SDカードから画像をロード
コンセプト
携帯電話のメモリーカードの画像リソースをロードする方法も簡単です.sdcardルートのhzwをロードするとします.jpg.対応するコードは以下の通りです.
使用
画像の取得パス
画像をロード
効果
ReactNativeではImageは画像を表示するためのコンポーネントであり、Androidを開発したときのImageViewコントロールと同じ効果が得られます.ネットワークピクチャ、静的リソース、一時的なローカルピクチャ、アルバムなどのローカルディスク上のピクチャを表示するために使用できます.イメージコンポーネントを適切に使用することで、より直感的にユーザーに情報を伝えることができます.
本文は主に以下の内容を述べる.
画像をローカルからロードするネットワークからピクチャをロードする
Appからピクチャをロードする
SDカードから画像をロード
Image
画像をローカルからマウント
コンセプト
ローカルから画像をロードし、キーワード'require'を使用して、プロジェクトディレクトリの下にimagesフォルダを新規作成して画像リソースを保存します.
使用
効果
ネットワークからの画像のマウント
コンセプト
ローカルから画像をロードし、キーワード「uri」を使用し、uriの後ろに画像リソースのネットワークパスが続く
使用
効果
Appから画像をロード
Appからピクチャをロードします.もちろん、ピクチャはresのdrawableディレクトリまたはassetsディレクトリの下に存在します.uriに対応するピクチャ名には接尾辞が含まれていないことを覚えておいてください.これにより、画像が正しくロードされ、表示されます.
使用
drawableを作成したらcleanコマンドを使用
uriを使用して画像をロードする
効果
SDカードから画像をロード
コンセプト
携帯電話のメモリーカードの画像リソースをロードする方法も簡単です.sdcardルートのhzwをロードするとします.jpg.対応するコードは以下の通りです.
使用
画像の取得パス
画像をロード
効果