react native flicker bug using touchableopacity

flicker-bug.js

import React from 'react';
import { StyleSheet, Text, View, TouchableOpacity, Dimensions } from 'react-native';
const { width, height } = Dimensions.get('window');

export default class extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <TouchableOpacity
          activeOpacity={0.9}
          onPress={() => {}}
          style={styles.card}
        >
          <Text>Special Card</Text>
        </TouchableOpacity>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    backgroundColor: 'black',
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  card: {
    padding: 5,
    width: width - 30,
    height: width - 30,
    borderRadius: 6,
    backgroundColor: 'tomato',
    justifyContent: 'center',
    alignItems: 'center',
    margin: 15,
  }
});