Как добавить картинку в react native?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

import React from 'react';
import { Image } from 'react-native';

const MyImage = () => (
  <Image
    source={{uri: 'https://example.com/image.png'}}
    style={{width: 200, height: 200}}
  />
);

export default MyImage;

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

import React from 'react';
import { Image } from 'react-native';

const MyImage = () => (
  <Image
    source={{ uri: 'https://picsum.photos/200' }}
    style={{ width: 200, height: 200 }}
  />
);

export default MyImage;

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

import React from 'react';
import { Image } from 'react-native';

const App = () => {
  return (
    <Image
      source={require('./image.jpg')}
      style={{ width: 200, height: 200 }}
    />
  );
};

export default App;