CODEWITHSUNDEEP
reactjsreact-native
HONEY KIND
HONEY KIND

Reputation: 1

How to implement profile avatar in react application in React Native

So, I am trying to develop a page using react-native. The UI for the page is below. How do I implement the profile picture icon?

UI for the page

Upvotes: 0

Views: 3155

Answers (1)

AshishVE
AshishVE

Reputation: 216

First you need to import the Image using react native

import { Image} from 'react-native';

then inside your view you need to style it as you want

<Image
    style={{width: 100, height: 100}}  // required Dimensions and styling of Image
    source={require('./images/avatar.png')} // enter your avatar image path 
   />

Upvotes: 1

Related Questions