反応ネイティブでぼかし効果を作り出す方法は？

どのように反応ネイティブでぼかし効果を作るか？「背景画像」のよう

と私は効果「ぼかし」と「なし」を切り替えたい、「どれも」はぼかし効果

2016-05-10 alucard.g

今、あなたは小道具を使用して任意のライブラリせずにこれを行うことができます。blurRadius。

例えば

<Image 
    style={styles.img} 
    resizeMode='cover' 
    source={imgSrc} 
    blurRadius={1} 
/>

説明：数は、（1）高い数、ぼやけた画像あなたがイメージに適用するぼかしの量を意味します。

残念ながら、これはAndroidではまだ動作しません（RN 0.40.0）。それにもかかわらず、誰がiOSソリューションを探しているのかは誰にでも分かります。

編集：これはAndroid上で動作しているようです。

2016-11-24 02:03:23

ありがとう、私は試してみましょう！ –

android on work now –

RN 0.46.4現在、これはアンドロイド（API 19）で動作しました。 –

このぼやけライブラリを試してみてくださいを意味しません。

依存関係::コンパイル 'jp.wasabeef：ぼやけ：2.0.2' を

2016-05-10 07:00:03 anonymous

はあなたに感謝の範囲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

2016-05-10 09:01:34

私はreact-native-blurをインストールし、このNPMは非常に良いを見てreact-native-blur

2016-09-03 16:06:05 eliprodigy

が見つかりました：

npm install react-native-blur 

import BlurView from 'react-native-blur'; 

... 
<BlurView blurType="light" style={styles.blur}> 
...

2016-09-03 17:16:38

import {BlurView} from 'react-native-blur'; –

はiosで動作しません.. – b3da

CRNAを使用してアプリを作成した場合、つまりexpoを使用した場合。あなたは、博覧会からのBlurViewを使用することができます。

import {BlurView} from 'expo';

これは、ぼかし効果を制御するために2つの小道具を得ました。

tint文字列の値がlight,default、またはdarkの場合です。と1 to 100

2018-02-27 16:42:01 Tharzeez

答えて