react native 设置屏幕锁定

在React Native中设置屏幕常亮可以通过ScreenLock模块来实现，该模块并不是React Native核心库的一部分，因此您可能需要安装一个第三方库来实现这个功能。

一个常用的第三方库是react-native-screen-lock。您可以使用npm或yarn来安装它：

npm install react-native-screen-lock
# 或者
yarn add react-native-screen-lock

然后，您需要链接原生模块到您的项目中，这可以通过以下命令完成：

react-native link react-native-screen-lock

在安装并链接模块后，您可以在React Native代码中这样使用ScreenLock：

import React, { useEffect } from 'react';
import { ScreenLock } from 'react-native-screen-lock';
 
const App = () => {
  useEffect(() => {
    ScreenLock.turnOn();
    return () => ScreenLock.turnOff();
  }, []);
 
  return (
    <View>
      <Text>屏幕常亮</Text>
    </View>
  );
};
 
export default App;

请注意，这段代码使用了React Hooks，它需要React Native 0.59或更高版本。ScreenLock.turnOn()会锁定屏幕，而ScreenLock.turnOff()则会关闭锁定。通常，您会在组件挂载时调用ScreenLock.turnOn()，并在卸载时调用ScreenLock.turnOff()，以确保只在需要时保持屏幕常亮。