title: React native collapsible malformed calls from JS: field sizes are different
body: <p>I'm using <a href="https://github.com/oblador/react-native-collapsible" rel="nofollow noreferrer">oblador/react-native-collapsible</a></p>
  
  <p>and when I try to toggle the collapsible component I get a warning message <strong>Malformed calls from JS: field sizes are different.</strong></p>
  
  <p><strong>Here is my code:</strong></p>
  
  <pre><code>constructor(props) {
      super(props);
      this.toggle = this.toggle.bind(this);
      this.state = {
        isCollapsed: true
      };
    }
  
    toggle() {
      this.setState({ isCollapsed: !this.state.isCollapsed });
    }
  
  render() {
      return (
        &lt;SafeAreaView style={{ flex: 1 }}&gt;
  
        &lt;TouchableOpacity onPress={this.toggle}&gt;
             &lt;Icon
              active
              type="FontAwesome"
              name="caret-down"
         /&gt;
        &lt;/TouchableOpacity&gt;
  
        &lt;Collapsible collapsed={this.state.isCollapsed}&gt;
          &lt;View&gt;
            &lt;Text&gt;Hello World!&lt;/Text&gt;
          &lt;/View&gt;
         &lt;/Collapsible&gt;
  
   &lt;/SafeAreaView&gt;
  
  );
  }
  </code></pre>
  
  <p>I followed the example code <a href="https://github.com/oblador/react-native-collapsible/blob/master/Example/App.js" rel="nofollow noreferrer">here</a></p>
  
  <p>Can anyone help me solve this? Thank you!</p>