React-native: routerEvents = {'none'}はAndroidでは機能しません

作成日 2019年07月14日  ·  2コメント  ·  ソース: facebook/react-native

バグ

ImageコンポーネントでpointerEvents={'none'}を使用しようとしましたが、Androidでは機能しません。 iOSで効果的です。

React Nativeバージョン:

 React Native Environment Info:
    System:
      OS: macOS 10.14.5
      CPU: (4) x64 Intel(R) Core(TM) i7-7660U CPU @ 2.50GHz
      Memory: 141.91 MB / 16.00 GB
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 12.1.0 - /usr/local/bin/node
      Yarn: 1.16.0 - /usr/local/bin/yarn
      npm: 6.9.0 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2
      Android SDK:
        API Levels: 24, 26, 27, 28
        Build Tools: 26.0.2, 27.0.3, 28.0.2, 28.0.3
        System Images: android-24 | Google APIs Intel x86 Atom, android-27 | Intel x86 Atom_64, android-28 | Intel x86 Atom_64
    IDEs:
      Android Studio: 3.0 AI-171.4443003
      Xcode: 10.2.1/10E1001 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.8.3 => 16.8.3 
      react-native: 0.59.9 => 0.59.9 
    npmGlobalPackages:
      react-native-cli: 2.0.1
      react-native-git-upgrade: 0.2.7

再現する手順

export default class GeneralBackground extends PureComponent {

    render() {
        return (
            <View style={styles.container}>
                {this.props.children}
                <Image
                    source={myImage}
                    style={styles.image}
                    pointerEvents={'none'} // Does not work on Android.
                />
            </View>
        );
    }

}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: Colors.theme
    },
    image: {
        width: 160,
        resizeMode: 'stretch',
        alignSelf: 'center',
        position: 'absolute'
    }
});

Buttonコンポーネントのようなthis.props.children機能するが、上の画像は機能しないと思います。 しかし、テストを介してiOSで動作する可能性があり、Androidは失敗しました。 間違えて使ってしまいましたか? おそらくバグだと思います。
誰か知ってる? よろしくお願いします。

Bug Android

最も参考になるコメント

こんにちは@ Amos729

pointerEvents小道具はImageコンポーネントでは利用できないようです: https ://facebook.github.io/react-native/docs/imageでpointerEventsを検索すると何もありません。

Viewコンポーネントでのみ利用可能だと思います: https

そのようなことをする

<View style={styles2.image} pointerEvents={'none'}> 
   <Image source={myImage} />
</View>

Androidで子供をButtonクリック可能にしました。

お役に立てば幸いです。

全てのコメント2件

こんにちは@ Amos729

pointerEvents小道具はImageコンポーネントでは利用できないようです: https ://facebook.github.io/react-native/docs/imageでpointerEventsを検索すると何もありません。

Viewコンポーネントでのみ利用可能だと思います: https

そのようなことをする

<View style={styles2.image} pointerEvents={'none'}> 
   <Image source={myImage} />
</View>

Androidで子供をButtonクリック可能にしました。

お役に立てば幸いです。

@RobinCsl私はあなたが今言ったことを試しました。 これは、AndroidとiOSの両方のプラットフォームで非常に便利です。
どうもありがとうございます。

このページは役に立ちましたか?
0 / 5 - 0 評価