Javascript 缩略图'；背景色

我正在使用缩略图。在iconfinder图像中，

交叉

是透明的，并采用主

容器

的背景色

我希望十字架是白色的，周围是黑色的

export const Screen: React.FunctionComponent = () => {

  return (
    <SafeAreaView style={styles.safeAreaViewContainer}>
      <View style={styles.container}>
        <View style={styles.iconsContainer}>
        <TouchableOpacity
          style={styles.cross}>
          <Thumbnail
            source={{
              uri:
                'https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-512.png',
            }}
          />
        </TouchableOpacity>
        </View>
      </View>
    </SafeAreaView>
  );
};

export const styles = StyleSheet.create({
  safeAreaViewContainer: {
    flex: 1,
  },
  container: {
    backgroundColor: '#323443',
    flex: 1,
  },
cross: {
    paddingTop: moderateScale(30),
    paddingLeft: moderateScale(20),
    zIndex: 100,
  },

});

我得到了这个，但这不是我想要的。我不想要边界轮廓

缩略图：

---

我不认为这是一个边界轮廓。。。尝试减小图标容器/白色区域的半径，以匹配您正在使用的png文件的半径

  thumbnail:{
    backgroundColor: 'white',
  }