Android平台Capacitor Camera背景颜色修改方法

• 打开Android项目的res/values/styles.xml，添加或修改Capacitor相机的专属主题：

  <style name="CapacitorCameraTheme" parent="Theme.AppCompat.Light.NoActionBar">
      <!-- 设置启动界面背景色 -->
      <item name="android:windowBackground">@color/custom_camera_bg</item>
      <!-- 可选：修改状态栏颜色 -->
      <item name="android:statusBarColor">@color/custom_status_bar</item>
  </style>
  

• 在res/values/colors.xml中定义自定义颜色值：

  <color name="custom_camera_bg">#FFFFFF</color> <!-- 替换成你需要的颜色码 -->
  <color name="custom_status_bar">#ECEFF1</color>
  

• 打开AndroidManifest.xml，找到Capacitor Camera的Activity配置，指定刚才创建的主题：

  <activity
      android:name="com.capacitorjs.plugins.camera.CameraActivity"
      android:theme="@style/CapacitorCameraTheme"
      android:exported="false" />
  

• 如果项目支持深色模式，需要在res/values-night/styles.xml中同步添加同名主题，适配夜间场景：

  <style name="CapacitorCameraTheme" parent="Theme.AppCompat.Dark.NoActionBar">
      <item name="android:windowBackground">@color/custom_camera_bg_dark</item>
      <item name="android:statusBarColor">@color/custom_status_bar_dark</item>
  </style>
  

  同时在res/values-night/colors.xml中定义深色模式下的颜色。

注意：如果你的项目使用Material3主题，将主题parent替换为Theme.Material3.Light.NoActionBar或Theme.Material3.Dark.NoActionBar即可。

内容的提问来源于stack exchange，提问作者Joe Schmo