如何在react原生的默认标题上给窗体左后退按钮留出更多的空间？

import React from 'react';

// 自定义标题栏组件
const CustomTitleBar = () => {
  const handleBackClick = () => {
    // 处理后退按钮点击事件
    // TODO: 实现自定义的后退逻辑
  };

  return (
    <div className="custom-title-bar">
      {/* 自定义后退按钮 */}
      <button className="back-button" onClick={handleBackClick}>
        后退
      </button>
      {/* 标题内容 */}
      <h1 className="title">应用标题</h1>
    </div>
  );
};

export default CustomTitleBar;

import React from 'react';
import CustomTitleBar from './CustomTitleBar';

const App = () => {
  return (
    <div>
      {/* 使用自定义标题栏 */}
      <CustomTitleBar />
      {/* 其他应用内容 */}
      {/* ... */}
    </div>
  );
};

export default App;