在React Native中调整当前页面的亮度通常需要调用原生模块来实现,因为React Native本身并不直接提供调整屏幕亮度的API。不过,你可以使用第三方库,比如`react-native-screen-brightness`来实现这一功能。


以下是如何使用这个库来调整屏幕亮度的一个基本示例:


首先,你需要安装这个库:

npm install react-native-screen-brightness --save


或者如果你使用yarn的话:

yarn add react-native-screen-brightness


然后,你需要链接这个库(如果你使用的是React Native 0.60以上版本,可以跳过这一步,因为它支持自动链接):


react-native link react-native-screen-brightness

在你的React Native代码中,你可以这样使用这个库来调整亮度:

import ScreenBrightness from 'react-native-screen-brightness';

// 设置屏幕亮度为50%
ScreenBrightness.setBrightness(0.5);


// 获取当前屏幕亮度
ScreenBrightness.getBrightness().then(brightness => {
  console.log(brightness); // 0.5
});


请注意,修改系统亮度可能需要用户权限,在Android上可能需要在`AndroidManifest.xml`文件中添加以下权限:

<uses-permission android:name="android.permission.WRITE_SETTINGS"/>


而在iOS上,通常不需要特别的权限来修改应用内的亮度。


最后,请记得检查第三方库的文档和更新记录,以确保它与你当前的React Native版本兼容。