javascript - React Native Background Color 属性无法正常工作

Question

我在 React Native 中更改 View 的背景颜色时遇到问题，backgroundColor 属性在除我的页脚元素之外的其他元素中工作正常。

在Image Snapshot您可以在页脚元素的那两个顶部边框中看到白色。如何从那里去除白色

</View>

        </ScrollView>
        <View style={styles.footer}>

        </View>
</View>

footer:{
        flexDirection:"row",
        height:80,
        borderTopLeftRadius:20,
        borderTopRightRadius:20,
        backgroundColor:"black",
}

Answer 1

您可以使用

return (
    <View style={styles.gridItem}>
      <TouchableOpacity style={{ flex: 1 }} onPress={props.onSelect}>
        <View style={styles.container} >
          <Text style={styles.title} numberOfLines={2}>
            {props.title}
          </Text>
        </View>
      </TouchableOpacity>
    </View>
  );
};

export default CategoryGridTitle;

const styles = StyleSheet.create({
  gridItem: {
    flex: 1,
    margin: 15,
    height: 150,
    borderRadius: 10,
    overflow: "hidden",
  },
  container: {
    flex: 1,
    borderRadius: 10,
    shadowColor: "black",
    shadowOpacity: 0.26,
    shadowOffset: { width: 0, height: 2 },
    shadowRadius: 10,
    elevation: 3,
    padding: 15,
    justifyContent: "flex-end",
    alignItems: "flex-end",
    backgroundColor: '#ff6f00'
  },
  title: {
    fontFamily: "open-sans-bold",
    fontSize: 18,
    textAlign: "right",
  },
});