如何在react原生中创建自定义加载器？

import React from 'react';

const Loader = () => {
  return (
    <div className="loader">
      {/* 在这里放置加载器的内容，例如动画或图标 */}
    </div>
  );
}

export default Loader;

.loader {
  /* 在这里添加加载器的样式，例如设置宽高、颜色、动画效果等 */
}

import React, { useState, useEffect } from 'react';
import Loader from './Loader';

const App = () => {
  const [isLoading, setIsLoading] = useState(true);

  // 模拟加载过程
  useEffect(() => {
    setTimeout(() => {
      setIsLoading(false);
    }, 3000);
  }, []);

  return (
    <div>
      {isLoading ? <Loader /> : <h1>内容已加载</h1>}
    </div>
  );
}

export default App;