App6.js

import React from 'react';
import { SafeAreaView, StyleSheet, View, } from 'react-native';
import Pie from 'react-native-pie';

const App6 = () => {
  return (
    <SafeAreaView style={{ flex: 1 }}>
      <View style={styles.container}>
        <View
          style={{
            paddingVertical: 15,
            flexDirection: 'row',
            width: 350,
            justifyContent: 'space-between',
          }}
        >
          <Pie
            radius={80}
            sections={[
              {
                percentage: 10,
                color: '#C70039',
              },
              {
                percentage: 20,
                color: '#44CD40',
              },
              {
                percentage: 30,
                color: '#404FCD',
              },
              {
                percentage: 40,
                color: '#EBD22F',
              },
            ]}
            strokeCap={'butt'}
          />
        </View>
      </View>
    </SafeAreaView>
  );
};



const styles = StyleSheet.create({
  contianer: {
    flex: 1,
    algnItems: 'center',
    justifyContent: 'space-around',
    marginTop: 30,
  }
});

export default App6;