我不明白为什么这段代码不起作用。
PythonOperator
props.user.image ='资产/测试/joan.jpg'
如果我放入图片:
const UserCard = props => {
return (
<View style={styles.card}>
<View style={{flex: 0.33}}>
<Image source={require(props.user.image)} style={{width: 100, height: 100}}/>
</View>
<View style={{flex: 0.66}}>
<Text>bb</Text>
</View>
</View>
);
}
const styles = StyleSheet.create({
card: {
flexDirection: 'row',
backgroundColor: 'green'
},
});
export default UserCard;
可行。
在资产中,我具有名称为Assets的package.json,因此我可以使用绝对路径。
我已经测试了各种选项,但没有一个。
例如:
<Image source={require('Assets/test/joan.jpg')} style={{width: 100, height: 100}}/>
其他:
return (
const user_image = require(props.user.image);
...
<Image source={user_image} style={{width: 100, height: 100}}/>
...
或者使用src代替源,但是不起作用...
我也测试了它的变化
return (
const user_image = props.user.image;
...
<Image source={require(user_image)} style={{width: 100, height: 100}}/>
...
对于
const UserCard = props => {
仍然一样...
请帮助。
编辑:
具有对象用户的主屏幕
class UserCard extends React.Component {