Как вставить картинку в react native?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

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

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

export default App;

 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={{uri: 'https://your-image-url.jpg'}}
      style={{width: 200, height: 200}}
    />
  );
};

export default App;

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

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

const MyImage = () => {
  return (
    <Image
      source={require('./image.png')}
    />
  );
};

export default MyImage;