React-native-gifted-chat: Question: How to use local images?

[cschmidli]

sorry, it's probably a stupid question, but is there any example or description how to use avatars or images in messages with local images? All the examples always use a web url and e.g.

require("./imgs/1.png")

as param doesn't seem to do anything :)

[cschmidli]

has been answered at other places already.

[HelloEdit]

@sagax85 How did you do ? I can not integrate the local images for the photos and the avatar 😭

So if you could help me, I would be grateful 😀

[wrightmk]

@sagax85 in the componentWillMount of the demo code provided on the main page, try adding a relative path:

  componentWillMount() {
    this.setState({
      messages: [
        {
          _id: 1,
          text: 'Hello User',
          createdAt: new Date(),
          user: {
            _id: 2,
            name: 'User',
            avatar: require('./my_picture.png'),
          },
        },
      ],
    });
  }           

[devjaw]

@wrightmk it is not working with me

[hegelstad]

This isn't working for me either.

It works if I add the relative path to the user prop of GiftedChat, but if i try adding a local picture with relative path to a message in onSend it will get the wrong image number. It is seemingly picking a random number.

[rajat-np]

requiring an image from a local folder and adding as an avatar is working.