用道具要求不起作用。 “呼叫无效。”

时间:2019-09-17 14:58:28

标签: javascript image react-native require

我不明白为什么这段代码不起作用。

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 {

0 个答案:

没有答案