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

时间:2019-03-27 17:52:25

标签: react-native screen-brightness

我正在创建一个React App来显示设备信息。我要渲染屏幕亮度级别,而不是在控制台中。我该怎么办?

0 48 16 ? * MON-FRI

我希望呈现屏幕亮度级别,而不显示在控制台中

2 个答案:

答案 0 :(得分:0)

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>
      );
    }
  }
}

答案 1 :(得分:0)

ID   Name   StNum   StName     City    State   Zip    Type
--   ----   -----   ------     ----    -----   ---    ----
1    Joe    2345    High St    Waco    TX      76763  MLG
2    Amy    3456    Broad St   Athens  GA      34622  HOM
3    Mel    1111    Main Ave   Hilo    HI      99779  MLG

}

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,
    });
  });

} }