voronianski / react-native-effects-view Goto Github PK

It would be cool to be able to add tintColor to the UIVisualEffectView. Any chance?

something like this

http://i.stack.imgur.com/FUJuH.png

https://github.com/Kureev/react-native-blur encourages a more logical DOM structure:

<Background>
    <Blur>
        <Content />
    </Blur>
</Background>

in contrast to:

    function renderContent() { return <Content />; }
    <Blur vibrantContent={renderContent()}>
        <Background />
    </Blur>

This component is using a couple of now depreciated APIs, see release notes @0.4.3. It'd be great to see a compatibility update.

Also, the component should not require react-native. I think it's a better practice to make react-native + a version number a peerDependency.

Causes naming conflicts with packager.

Hi, I'm facing the issue specified in title when using EffectsView component as reported in documentation:

// React and React Native imports
import React from 'react';
import {
    Text,
    View
} from 'react-native';

// Typography imports
import { iOSUIKit } from 'react-native-typography'

// React Native Calendars imports
import { EffectsView } from 'react-native-effects-view';

export default class App extends React.Component {
    render() {
        return (
            <EffectsView
                style={{ flex: 1 }}
                blurStyle="dark"
                vibrantContent={<View><Text style={iOSUIKit.largeTitleEmphasized}>Title</Text></View>}
            >
            </EffectsView>
        );
    }
}

Does anyone have a solution? I'm using react-native v0.50.3 and react-native-effects-view v0.4.0.

This issue: #15 is fixed with the latest code. There is no corresponding npm release for this fix though. Could you please create an NPM release?

Anyone know how to do this? A good example is application folders on the home screen in iOS 9. I tried borderRadius: 25 as a style prop, but it doesn't seem to do anything