React Native：如何获取设备屏幕亮度并进行渲染

Question

我正在创建一个 React 应用程序来显示设备信息。我想渲染屏幕亮度级别，而不是在控制台中。我该怎么做？

DeviceBrightness.getSystemBrightnessLevel().then(function(luminous) {
    console.log(luminous)
})

我希望渲染屏幕亮度级别，而不是在控制台中显示

Answer 1

import DeviceBrightness from 'react-native-device-brightness';

export default class YourComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isLoaded: false,
      brightness: 0
    };
  }

  componentDidMount() {
    DeviceBrightness.getSystemBrightnessLevel()
      .then(luminous => {
        this.setState({
          brightness: luminous,
          isLoaded: true,
        });
      });
  }

  render() {
    const { isLoaded, brightness } = this.state;
    if (!isLoaded) {
      return {/*loading view*/}
    } else {
      return (
        <Text>{brightness}</Text>
      );
    }
  }
}

Answer 2

import DeviceBrightness from 'react-native-device-brightness';
export default class App extends Component{
    constructor(props){
    super(props);
    this.state = {
  isLoaded: false,
  brightness: 0,
};

}
componentWillMount() {
DeviceBrightness.getSystemBrightnessLevel()
  .then((luminous) =>{
    this.setState({
      brightness: luminous,
      isLoaded: true,
    });
  });

}

render() {
return (
  <View style={styles.container}>
<Text style={styles.instructions}>{this.state.brightness}</Text>
 </View>
);

} }

React Native：如何获取设备屏幕亮度并进行渲染

React Native : How to get device Screen Brightness and render it

screen-brightness

react-native