title: React Native: The specified child already has a parent
body: <p>I have 2 components, DraggableCard and ChooseMachine (ChooseMachine uses a DraggableCard). When I reach the ChooseMachine component it returns me with the error: <code>The specified child already has a parent. You must call removeView() on the child's parent first.</code></p>
  
  <p>I don't have a clue on what child component is that's being called twice.</p>
  
  <p>I've tried to remove the <code>Some Text</code> that's being passed as a prop to DraggableCard, which resolves the error, but DraggableCard doesn't show and that's not exacly what I need. It should display the DraggableCard and the text passed. I've already tried to put <code>Some Text</code> around the  tag but the problem remains the same.</p>
  
  <pre><code>import React, {Component} from 'react'
  import {View} from 'react-native'
  import MapView from 'react-native-maps'
  
  import styles from './style'
  import DraggableCard from '../../components/DraggableCard'
  
  export default class ChooseMachine extends Component{
  
    render(){
      return(
        &lt;View style={styles.body}&gt;
          &lt;MapView
            style={styles.map}&gt;
  
            &lt;DraggableCard&gt;
              Some Text
            &lt;/DraggableCard&gt;
  
          &lt;/MapView&gt;
  
        &lt;/View&gt;
      )
    }
  }
  </code></pre>
  
  <p>DraggableCard component</p>
  
  <pre><code>import React, {Component} from 'react'
  import { View, Text } from 'react-native'
  
  export default class DraggableCard extends Component {
  
    render(){
  
      return(
        &lt;View
          style={styles.containerStyle}&gt;
          &lt;View style={styles.smallHyphen}/&gt;
          &lt;Text&gt;
            {this.props.children}
          &lt;/Text&gt;
        &lt;/View&gt;
      )
    }
  }
  </code></pre>
  
  <p>I expect to render the DraggableCard on the ChooseMachine component</p>