Prevent white edges during orientation change

Question

I reproduce this issue with the most minimal React-Native app:

render() {
  return View({style: {
    flex: 1,
    backgroundColor: \'black\'
  }})
}
         


        

Answer 1

I created a library, it allows you to do it from the level of JavaScript, and also allows you to do dynamic changes.

https://github.com/johniak/react-native-root-view-background

import { setRootViewBackgroundColor } from 'react-native-root-view-background';

export default class Main extends Component {
    componentDidMount(){
        setRootViewBackgroundColor('#ccc');
    }
}