Реагировать на собственный вызов динамических изображений из локальной папки

У меня есть массив, содержащий путь к изображениям в папке, я пытаюсь отобразить его, но у меня проблемы с ним

      { 
      myGroups.map((item, index)=>{
      return (
        <Card key = {index} style = {{marginBottom:30}}>
            <CardItem>
              <Left>
                <Thumbnail 
                onPress = {()=>navigation.navigate('GroupPosts')}
                source = {require(item.img)} />
 )
               })
             }

Это состояние

state = { 
myCreatedGroups: [ 
{ groupName: 'Group 1', about: 'sample', img:'../../assets/imgs/groups/1.jpg' }, 
{ groupName: 'Group 2', about: 'sample', img:'../../../assets/imgs/groups/2.jpg' }, 
{ groupName: 'Group 3', about: 'Sample', img:'../../../assets/imgs/groups/3.jpg' }, 
    ], 
}