import * as React from 'react';
import { View } from 'react-native';
import Svg, {Rect} from 'react-native-svg';

export default function App() {

  return (
    <View style={{flex: 1}}>
      <Svg width="100%" height="100%" viewBox="0 0 56 56" color="red">
          <Rect width="20" height="20" rx="4" fill="currentColor" opacity={0.2} />
          <Rect x="0" y="25" width="20" height="20" rx="4" fill="red" opacity={0.2} />
          <Rect x="25" y="0" width="20" height="20" rx="4" fill="red" />
          <Rect x="25" y="25" width="20" height="20" rx="4" fill="blue" fillOpacity="0.2"  />
        </Svg>
      </View>
  );
}