React-native-blur: red border, no vibrancy/blur

[brumm]

Using your example, both Blur- and VibrancyView seem to have a transparent background, and a red border. No other errors in the console.

[Kureev]

Hi @brumm! Seems you forgot to link a native part of the module. To make it easier for people, we created rnpm. If you're using latest React Native, you can also use react-native link.

[brumm]

Weird, I could've sworn that I did link it, I'll check again.

[brumm]

Not sure what happened, but it works now :) Thanks for your time!

[luco]

@Kureev Hey!
I already linked and still not working:

My code:

 <View style={styles.row}>
        <BlurView shouldRasterizeIOS={false} blurType="light" style={{flex: 1}}>
           <TouchableHighlight onPress={this._onPressButton} style={styles.rowButton}>

              <View>

              <Text>Test</Test>

              </View>

            </TouchableHighlight>
           </BlurView>
      </View>

[Kureev]

The only thing I can say that you didn't link it properly. This red border tells you that your native component is not found. Consider removing the plugin and linking it using react-native link

[breadadams]

Just ran into this now. It seems react-native link doesn't pick up on the module. I had to run rnpm link react-native-blur for it to link correctly. I forgot the --save flag while installing... :facepalm: Working nicely!

[AvishyBD]

just ran into it now - deleting the app on the phone, and react-native run-ios again seemed to do the trick...