答えて
今、あなたは小道具を使用して任意のライブラリせずにこれを行うことができます。blurRadius。
例えば
<Image
style={styles.img}
resizeMode='cover'
source={imgSrc}
blurRadius={1}
/>
説明:数は、(1)高い数、ぼやけた画像あなたがイメージに適用するぼかしの量を意味します。
残念ながら、これはAndroidではまだ動作しません(RN 0.40.0)。それにもかかわらず、誰がiOSソリューションを探しているのかは誰にでも分かります。
編集:これはAndroid上で動作しているようです。
このぼやけライブラリを試してみてくださいを意味しません。
依存関係::コンパイル 'jp.wasabeef:ぼやけ:2.0.2' を
はあなたに感謝の範囲intensity
が、ノーサポートのiOS –
1)http://code.tutsplus.com/tutorials/adding-blur-effects-on-ios--cms-21488 2)HTTPS ://github.com/nicklockwood/FXBlurView このリンクはあなたに役立ちます – anonymous
あなたは所望の効果を得るために、このライブラリを使用することができます。 https://github.com/react-native-fellowship/react-native-blur
私はreact-native-blurをインストールし、このNPMは非常に良い を見てreact-native-blur
が見つかりました:
npm install react-native-blur
import BlurView from 'react-native-blur';
...
<BlurView blurType="light" style={styles.blur}>
...
import {BlurView} from 'react-native-blur'; –
はiosで動作しません.. – b3da
CRNAを使用してアプリを作成した場合、つまりexpoを使用した場合。あなたは、博覧会からのBlurViewを使用することができます。
import {BlurView} from 'expo';
これは、ぼかし効果を制御するために2つの小道具を得ました。
tint
文字列の値がlight
,default
、またはdark
の場合です。 と1 to 100
- 1. 方法で反応し、ネイティブReduxの
- 2. (反応ネイティブ)反応したネイティブのバッテリーレベルを検出するにはどうすればよいですか?
- 3. iosアプリケーションでメニューのぼかし効果を作成する方法は?
- 4. 反応式ネイティブで円形スライダーを作成する方法
- 5. フレックスボックスはネイティブで反応しますか?
- 6. 反応し、ネイティブ
- 7. 反応がネイティブで反応しない
- 8. matplotlibのimshow()のぼかし効果を「消す」方法は?
- 9. 反応ネイティブの最初の起動を検出する方法
- 10. jsを使ってキャンバスで霧の効果やぼかし効果を作る方法は?
- 11. 共有スタイルはネイティブ反応し、ウェブに反応しますか?
- 12. Reduxフォーム6.1.1 - 反応ネイティブでぼかしの検証が機能しない
- 13. jqueryでこのバウンス効果を作り出す方法は?
- 14. が反応し、ネイティブ
- 15. JSONは反応し、ネイティブ
- 16. Zipファイルを取得し、ネイティブの反応でRAMに抽出する方法
- 17. 反応 - ネイティブ反応 - ネイティブベクトルアイコン:フォント素晴らしいアイコンを使用する方法
- 18. 反応したネイティブのTextInput値を検証する方法は?
- 19. 反応ネイティブrun-ios TypeError:無効なデータ
- 20. 反応ネイティブのレッドボックスのエラーをキャッチする方法はありますか
- 21. スウィフトiOS - TabBarControllerとNavigationControllerをカバーするぼかし効果を作る方法
- 22. これを反応ネイティブでアニメーション化する方法は?
- 23. 反応のスワイプ効果
- 24. はネイティブリアクト - 「反応するネイティブ・interface.jsを」 - WebStormが反応し、ネイティブの場合
- 25. ネイティブに反応し、オブジェクトからデータを抽出します
- 26. JavaScriptからネイティブのpackager ipに反応する方法は?
- 27. は、反応ネイティブ実行IOSのネイティブ、反応ネイティブのinit AwesomeProjectをREACT:エラー
- 28. iOS7でぼかし効果を作成する
- 29. ボタンでぼかし効果を作成しない
- 30. 壊れた自動バインディング反応し、ネイティブとを使用して反応させ、リレーので、私はネイティブ反応し、反応するリレーを使用してい
ありがとう、私は試してみましょう! –
android on work now –
RN 0.46.4現在、これはアンドロイド(API 19)で動作しました。 –