Platform.OS innerhalb von XML in React Native

Question

Ich habe gerade angefangen, auf Native React zu arbeiten und habe eine Komponente, wo ich einige spezifische XML hinzufügen muss, wenn ich auf Android bin ... Ich fand die Platform Specific Code, aber ich kann nicht finden ein Beispiel dafür in XML ...

Ich möchte etwas ähnliches wie unten, wo ich in einigen zusätzlichen Ansicht hinzufügen, wenn es auf Android ist ... Ich weiß, dass ich eine separate Datei für Android machen kann, indem Sie tun die .android.js Erweiterung, aber da es ein kleiner Unterschied in der Benutzeroberfläche ist, würde ich es vorziehen, alles in der gleichen Datei zu halten ...

<View style={styles.rowContainer}> 
Platform.select({ 
    android: { 
    <Text>Test</Text> 
    } 
}), 
<Button style={styles.notificationsItem}>Push Notifications</Button> 
<View style={styles.rightContainer}> 
    <Image style={styles.thumbNotifications} source={notifications_checked} /> 
</View> 

so jemand weiß, wie ich Plattform nutzen würde .OS zwischen XML wie oben?

Answer 1

Schauen Sie sich das Codebeispiel, ist es ziemlich einfach:

class TestComponent extends Component { 
    render() { 
    return (
     <View> 
     {Platform.select({ 
      android: <Text>Test</Text> 
     )} 
     </View> 
    ); 
    } 
} 

Answer 2

Wenn Sie JS-Code in JSX setzen, in {} Codes setzen. mag:

<View style={styles.rowContainer}> {Platform.select({ android: { <Text>Test</Text> } })} <Button style={styles.notificationsItem}>Push Notifications</Button> <View style={styles.rightContainer}> <Image style={styles.thumbNotifications} source={notifications_checked} />