title: React Native - json value '0' of type nsnumber cannot be converted to nsstring
body: <p>I am trying to convert a component that works in my React App into React Native. I am getting this error in the ios simulator however: json value '0' of type nsnumber cannot be converted to nsstring' Has anyone run into this before? It seems to be related to styling with everyone else. But I haven't styled yet. 
  Let me know if you need more info, thanks.</p>
  
  <pre><code>import React from 'react';
  import { Text, View, Button, Picker } from 'react-native';
  
  
  const baseMin = [];
  for (var i=0; i &lt;= 60; i++) {
      baseMin.push(i);
  }
  
  const baseSec = [];
  for (var i=0; i &lt;= 60; i++) {
      baseSec.push(i);
  }
  
  const displayMinutes = baseMin.map((minute) =&gt; 
      &lt;Picker.Item key={minute.toString()} value={minute} label={minute} /&gt;
  )
  
  const displaySeconds = baseSec.map((second) =&gt; 
      &lt;Picker.Item key={second.toString()} value={second} label={second} /&gt;
  )
  
  
  class RandomTimer extends React.Component {
      state = { 
              baseMinutes: 0, 
              baseSeconds: 0, 
              varMinutes: 0, 
              varSeconds: 0,
              minutes: 0,
              seconds: 0,
              random: 0
          };
  
      generate() {
  
  
          var min = (this.state.baseSeconds) - (this.state.varSeconds);
  
          var max = (parseInt(this.state.varSeconds)) + (parseInt(this.state.baseSeconds));
  
          const randomInt = Math.floor(Math.random() * (max - min + 1) + min);
          this.setState({ random: randomInt });
          this.reset();
  
      }
  
      go() {
  
          this.timer = setInterval(() =&gt; {
  
              if (this.state.seconds == this.state.random) {
                  clearInterval(this.timer);
  
              } else {
                  this.setState({ seconds: this.state.seconds + 1 })
  
              }
          }, 1000)
      }
  
      stop = () =&gt; {
          clearInterval(this.timer);
       }
  
       reset = () =&gt; {
           this.setState({ minutes: 0, seconds: 0 })
           this.stop();
       }
  
      render() {
  
          const varMin = [];
          for (var i=0; i &lt;= this.state.baseMinutes; i++) {
              varMin.push(i);
          }
          const displayBaseMin = varMin.map((minute) =&gt; 
              &lt;Picker.Item key={minute.toString()} value={minute} label={minute} /&gt;
          )
  
          const varSec = [];
          for (var i=0; i &lt;= this.state.baseSeconds; i++) {
              varSec.push(i);
          }
          const displayBaseSec = varSec.map((second) =&gt;
              &lt;Picker.Item key={second.toString()} value={second} label={second} /&gt;
          )
  
          const { baseMinutes, baseSeconds, varMinutes, varSeconds, minutes, seconds } = this.state;
  
          return (
              &lt;View&gt;
                  &lt;Text&gt;settings&lt;/Text&gt;
  
                  &lt;Picker onValueChange={
                      (itemValue) =&gt; this.setState({
                          baseSeconds: itemValue
                      })} selectedValue={baseMinutes}&gt;
                      {displayMinutes}
                  &lt;/Picker&gt;
  
                  &lt;Text&gt;:&lt;/Text&gt;
  
                  &lt;Picker onValueChange={
                      (itemValue) =&gt; this.setState({
                          baseSeconds: itemValue
                      })} selectedValue={baseSeconds}&gt;
                      {displaySeconds}
                  &lt;/Picker&gt;
  
                  &lt;Text&gt;VarTime +-&lt;/Text&gt;
                  &lt;Picker onValueChange={
                      (itemValue) =&gt; this.setState({
                          baseSeconds: itemValue
                      })} selectedValue={varMinutes}&gt;
                      {displayBaseMin}
                  &lt;/Picker&gt;
                  &lt;Text&gt;:&lt;/Text&gt;
                  &lt;Picker onValueChange={
                      (itemValue) =&gt; this.setState({
                          baseSeconds: itemValue
                      })} selectedValue={varSeconds}&gt;
                      {displayBaseSec}
                  &lt;/Picker&gt;
                 &lt;Button onPress={this.generate} title='new' /&gt;
  
                 &lt;Text&gt;Timer&lt;/Text&gt;
  
                  &lt;Text&gt;{minutes}:{seconds}&lt;/Text&gt;
  
  
                  &lt;View&gt;
                      &lt;Button onPress={this.go} title='go' /&gt;
                      &lt;Button onPress={this.stop} title='stop' /&gt;
                      &lt;Button onPress={this.reset} title='reset' /&gt;
                  &lt;/View&gt;
  
              &lt;/View&gt;
          )
      }
  }
  
  export default RandomTimer;
  </code></pre>