Ich habe die folgende Rendermethode in meinem React Native-Code:
render() {
const {height, width} = Dimensions.get('window');
return (
<View style={styles.container}>
<Image
style={{
height:height,
width:width,
}}
source={require('image!foo')}
resizeMode='cover'
/>
<TouchableHighlight style={styles.button}/>
</View>
);
}
Es gibt mir eine
React.Children.nur erwartet, dass ein einzelnes untergeordnetes React-Element empfangen wird
Error. Wenn ich die TouchableHighlight
Komponente entferne , funktioniert es gut. Wenn ich dagegen die Image-Komponente entferne, wird dieser Fehler immer noch angezeigt. Ich kann nicht verstehen, warum es diesen Fehler geben würde, und <View>
sollte in der Lage sein, mehr als eine Komponente zum Rendern darin zu haben.
Irgendwelche Ideen?
quelle
In meinem Fall musste ich das Element nur eine Zeile nach unten setzen:
Dies wirft einen Fehler aus:
export function DismissKeyboard(props: IProps) { return <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}> {props.children} </TouchableWithoutFeedback>; }
Dies wirft zwar keinen Fehler aus:
export function DismissKeyboard(props: IProps) { return <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}> {props.children} </TouchableWithoutFeedback>; }
quelle