React Native Test

rainbow.js

import React, { Component } from 'react'
import { View } from 'react-native'

export default class FlexDimensionsBasics extends Component {
  constructor (props) {
    super(props)
    this.state = {time: Date.now()}

    // Toggle the state every second
    setInterval(() => {
      this.setState(previousState => {
        return {time: Date.now()}
      })
    }, 16)
  }

  render () {
    return (
      <View style={{flex: 1}}>
        <View style={{flex: Math.sin(this.state.time / 1100) + 2, backgroundColor: 'red'}} />
        <View style={{flex: Math.sin(this.state.time / 990) + 2, backgroundColor: 'orange'}} />
        <View style={{flex: Math.sin(this.state.time / 880) + 2, backgroundColor: 'yellow'}} />
        <View style={{flex: Math.sin(this.state.time / 770) + 2, backgroundColor: 'green'}} />
        <View style={{flex: Math.sin(this.state.time / 660) + 2, backgroundColor: 'blue'}} />
        <View style={{flex: Math.sin(this.state.time / 550) + 2, backgroundColor: 'violet'}} />
      </View>
    )
  }
}