使用React Native QR Code Styled，打造美观且可定制的二维码

import React from 'react';
import { View, StyleSheet } from 'react-native';
import QRCode from 'react-native-qrcode-styled';
 
const App = () => {
  return (
    <View style={styles.container}>
      <QRCode
        value="https://www.example.com"
        backgroundColor="#ffffff"
        color="#000000"
        size={200}
        logo={require('./logo.png')}
        logoSize={72}
        logoBackgroundColor="#ffffff"
        logoBorderColor="#000000"
        borderWidth={2}
        imageConfig={{
          excludeFromHash: true,
          maskColor: "#000000",
        }}
      />
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});
 
export default App;

这段代码演示了如何使用react-native-qrcode-styled库来创建一个带有Logo的二维码，并且可以自定义二维码的颜色、大小、边框宽度以及Logo的样式。同时，代码中包含了样式的定义，以确保组件在不同平台上的一致表现。