如何在React-Native中显示媒体文件的计数？

import React, { useState, useEffect } from 'react';
import { View, Text, FlatList, Image } from 'react-native';
import { PermissionsAndroid, Platform } from 'react-native';
import CameraRoll from "@react-native-community/cameraroll";

const MediaCount = () => {
  const [count, setCount] = useState(0);

  const getMediaCount = async () => {
    try {
      if (Platform.OS === 'android') {
        const granted = await PermissionsAndroid.request(
          PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,
          {
            title: 'Permission Required',
            message: 'This app needs access to your media files.',
          }
        );
        if (granted === PermissionsAndroid.RESULTS.GRANTED) {
          const photos = await CameraRoll.getPhotos({ first: 100 });
          setCount(photos.edges.length);
        } else {
          console.log('Permission denied');
        }
      } else {
        const photos = await CameraRoll.getPhotos({ first: 100 });
        setCount(photos.edges.length);
      }
    } catch (error) {
      console.log(error);
    }
  };

  useEffect(() => {
    getMediaCount();
  }, []);

  return (
    <View>
      <Text>Total Media Count: {count}</Text>
    </View>
  );
};

const App = () => {
  return (
    <View>
      <MediaCount />
    </View>
  );
};