mirror of
https://github.com/status-im/react-native.git
synced 2025-01-22 23:41:49 +00:00
f2affcf24d
Summary: Will create new issue to add more information to the `Components` section of the Tutorial since that was gutted by this change. Fixes #8156 Closes https://github.com/facebook/react-native/pull/8256 Differential Revision: D3459601 Pulled By: JoelMarcey fbshipit-source-id: 4038afc463bffcf8efda36d29bc7c443bbc8f4bd
819 B
819 B
id | title | layout | category | permalink | next |
---|---|---|---|---|---|
basics-component-image | Image | docs | Basics | docs/basics-component-image.html | basics-component-view |
The other basic React Native component is the Image
component. Like Text
, the Image
component simply renders an image.
An
Image
is analogous to usingimg
when building websites.
The simplest way to render an image is to provide a source file to that image via the source
attribute.
This example displays a checkbox Image
on the device.
import React from 'react';
import { AppRegistry, Image } from 'react-native';
const App = () => {
return (
<Image source={require('./img/check.png')} />
);
}
// App registration and rendering
AppRegistry.registerComponent('MyApp', () => App);