Wyświetlenie listy obrazków z opisem

 <FlatList
    numColumns={3}
    data={employee}
    keyExtractor={item => item.id}
    renderItem={({ item }) => (<EmployeeComponet {...item} />)}></FlatList>

function EmployeeComponet({id, url, name}) {
    console.log("TEST  " + "\'" + url  +  "\'");
    const value = require('../../assets/servicesIcons/baleyage.png');
    return (
        <View>
            <View style={styles.container}>
                <TouchableOpacity>
                    <Image  source={value} />
                </TouchableOpacity>
                <Text style={styles.title}>{name}</Text>
            </View>
        </View>
    )
};

<Image  source={{require:("\'" + url  +  "\'")}} /> 

 source={require('@expo/snack-static/react-native-logo.png')}

<Image  source={{require:("\'" + url  +  "\'")}} /> 

{
  require: ("\'" + url  +  "\'")
}

source={{
         uri: 'https://reactnative.dev/img/tiny_logo.png',
}}

// GOOD
<Image source={require('./my-icon.png')} />;

// BAD
var icon = this.props.active
  ? 'my-icon-active'
  : 'my-icon-inactive';
<Image source={require('./' + icon + '.png')} />;

// GOOD
var icon = this.props.active
  ? require('./my-icon-active.png')
  : require('./my-icon-inactive.png');
<Image source={icon} />;

function Employee({ id, image, name }) {
  // ...
 
  return (
    <View>
      <Text style={styles.title}>{name}</Text>
      <Image source={image} />
    </View>
  )
}

<Employee image={require('./images/franek.jpg')} /> // <-- ta ścieżka musi być podana jako "całość"
<Employee image={{ uri: `https://example/static/images/${name}.jpg`, }} /> // <-- ale tutaj można użyć zmiennej