diff --git a/client/react-native/android/app/build.gradle b/client/react-native/android/app/build.gradle
index 542740cc9c..89d590f044 100644
--- a/client/react-native/android/app/build.gradle
+++ b/client/react-native/android/app/build.gradle
@@ -168,6 +168,7 @@ android {
 dependencies {
     compile project(':lottie-react-native')
     compile project(':react-native-vector-icons')
+    compile project(':react-native-view-shot')
     compile project(':react-native-svg')
     compile project(':react-native-restart')
     compile project(':react-native-network-info')
diff --git a/client/react-native/android/app/src/main/java/chat/berty/main/MainApplication.java b/client/react-native/android/app/src/main/java/chat/berty/main/MainApplication.java
index ef815c74b2..6a861613b7 100644
--- a/client/react-native/android/app/src/main/java/chat/berty/main/MainApplication.java
+++ b/client/react-native/android/app/src/main/java/chat/berty/main/MainApplication.java
@@ -11,6 +11,7 @@
 import com.imagepicker.ImagePickerPackage;
 import com.masteratul.exceptionhandler.ReactNativeExceptionHandlerPackage;
 import org.reactnative.camera.RNCameraPackage;
+import fr.greweb.reactnativeviewshot.RNViewShotPackage;
 import org.reactnative.camera.RNCameraPackage;
 import com.horcrux.svg.SvgPackage;
 import com.avishayil.rnrestart.ReactNativeRestartPackage;
@@ -44,7 +45,8 @@ protected List<ReactPackage> getPackages() {
                 new CorePackage(),
                 new ImagePickerPackage(),
                 new MainReactPackage(),
-            new LottiePackage(),
+                new LottiePackage(),
+                new RNViewShotPackage(),
                 new RNCameraPackage(),
                 new RNNetworkInfoPackage(),
                 new ReactNativeExceptionHandlerPackage(),
diff --git a/client/react-native/android/settings.gradle b/client/react-native/android/settings.gradle
index d9ce11a94f..f752281a8e 100644
--- a/client/react-native/android/settings.gradle
+++ b/client/react-native/android/settings.gradle
@@ -3,6 +3,8 @@ include ':lottie-react-native'
 project(':lottie-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/lottie-react-native/src/android')
 include ':react-native-vector-icons'
 project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
+include ':react-native-view-shot'
+project(':react-native-view-shot').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-view-shot/android')
 include ':react-native-svg'
 project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
 include ':react-native-restart'
diff --git a/client/react-native/common/components/Library/ContactIdentity.js b/client/react-native/common/components/Library/ContactIdentity.js
new file mode 100644
index 0000000000..92e43bed56
--- /dev/null
+++ b/client/react-native/common/components/Library/ContactIdentity.js
@@ -0,0 +1,142 @@
+import React from 'react'
+import { View, Image, Platform, Text as RNText } from 'react-native'
+import Text from './Text'
+import { createMaterialTopTabNavigator } from 'react-navigation'
+import QRGenerator from './QRGenerator'
+import { extractPublicKeyFromId, makeShareableUrl } from '../../helpers/contacts'
+import colors from '../../constants/colors'
+import Icon from './Icon'
+import { formattedFingerprint } from '../../helpers/fingerprint'
+import { padding } from '../../styles'
+import { withScreenProps } from '../../helpers/views'
+
+const PublicKey = ({ data: { id } }) => <View
+  style={[{ flexDirection: 'row', justifyContent: 'center' }, padding]}>
+  <RNText style={{
+    textAlign: 'left',
+    width: 248,
+    height: 248,
+    backgroundColor: colors.inputGrey,
+    color: colors.fakeBlack,
+    borderRadius: 8,
+    flexWrap: 'wrap',
+    fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace',
+    padding: 8,
+  }}>
+    {extractPublicKeyFromId(id)}
+  </RNText>
+</View>
+
+export const QrCode = ({ data: { id, displayName } }) => <View
+  style={[{ flexDirection: 'row', justifyContent: 'center' }]}>
+  <QRGenerator
+    value={makeShareableUrl({ id: extractPublicKeyFromId(id), displayName })}
+    size={248}
+    style={[{ marginTop: 16, marginBottom: 16 }]}
+  />
+</View>
+
+const tabIcon = (iconName) => {
+  const NamedTabIcon = ({ focused }) => <Icon name={iconName} color={focused ? colors.blue : colors.darkGrey}
+    size={20} />
+
+  return NamedTabIcon
+}
+
+const Fingerprint = ({ data: { id } }) => <View
+  style={[{ flexDirection: 'row', justifyContent: 'center' }, padding]}>
+  <RNText style={{
+    textAlign: 'center',
+    width: 248,
+    backgroundColor: colors.blue25,
+    color: colors.blue,
+    borderRadius: 8,
+    flexWrap: 'wrap',
+    fontSize: 18,
+    fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace',
+    padding: 8,
+  }}>
+    {formattedFingerprint(id)}
+  </RNText>
+</View>
+
+const ContactIdentityTabbedContent = createMaterialTopTabNavigator(
+  {
+    'qrcode': {
+      screen: withScreenProps(QrCode),
+      navigationOptions: {
+        title: 'QR Code',
+        tabBarIcon: tabIcon('material-qrcode'),
+      },
+    },
+    'public-key': {
+      screen: withScreenProps(PublicKey),
+      navigationOptions: {
+        title: 'Public key',
+        tabBarIcon: tabIcon('material-key-variant'),
+      },
+    },
+    'fingerprint': {
+      screen: withScreenProps(Fingerprint),
+      navigationOptions: {
+        title: 'Fingerprint',
+        tabBarIcon: tabIcon('material-fingerprint'),
+      },
+    },
+  },
+  {
+    initialRouteName: 'qrcode',
+    swipeEnabled: Platform.OS !== 'android',
+    animationEnabled: true,
+    backBehavior: 'none',
+    tabBarOptions: {
+      activeTintColor: colors.fakeBlack,
+      inactiveTintColor: colors.fakeBlack,
+      showIcon: true,
+      showLabel: true,
+      upperCaseLabel: false,
+      style: {
+        backgroundColor: colors.white,
+        marginBottom: 0,
+        marginTop: 0,
+      },
+      tabStyle: {
+        marginBottom: 0,
+        marginTop: 0,
+      },
+      indicatorStyle: {
+        backgroundColor: colors.blue,
+        marginBottom: 0,
+        marginTop: 0,
+      },
+      labelStyle: {
+        fontSize: 12,
+        marginBottom: 0,
+        marginTop: 0,
+      },
+    },
+  },
+)
+
+const ContactIdentity = ({ data }) => <>
+  <View style={{ flexDirection: 'row', justifyContent: 'center' }}>
+    <Image
+      style={{
+        width: 78,
+        height: 78,
+        borderRadius: 39,
+        marginBottom: 4,
+        marginTop: 0,
+      }}
+      source={{
+        uri: 'https://api.adorable.io/avatars/120/' + data.id + '.png',
+      }}
+    />
+  </View>
+  <Text large color={colors.fakeBlack} center padding>{data.displayName}</Text>
+  <View style={{ marginLeft: 15, marginRight: 15, marginBottom: 8, height: Platform.OS === 'android' ? 330 : undefined }}>
+    {<ContactIdentityTabbedContent screenProps={{ data }} />}
+  </View>
+</>
+
+export default ContactIdentity
diff --git a/client/react-native/common/components/Library/ModalScreen.js b/client/react-native/common/components/Library/ModalScreen.js
index a834a678e0..e22183ea37 100644
--- a/client/react-native/common/components/Library/ModalScreen.js
+++ b/client/react-native/common/components/Library/ModalScreen.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import { View } from 'react-native'
-import { StackActions } from 'react-navigation'
+import { StackActions, withNavigation } from 'react-navigation'
 import colors from '../../constants/colors'
 import Button from './Button'
 
@@ -8,37 +8,69 @@ const ModalScreen = props => {
   const {
     children,
     navigation,
+    showDismiss,
+    width,
+    footer,
     ...otherProps
   } = props
 
-  return <View
-    style={[{
-      backgroundColor: colors.white,
-      left: 5,
-      right: 5,
-      marginBottom: 30,
-      marginTop: 30,
+  return <>
+    <View style={{
       position: 'absolute',
-      flex: 1,
-    }]}
-    {...otherProps}
-  >
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: -1,
+    }}>
+      <View
+        style={{
+          backgroundColor: colors.transparentGrey,
+          flex: 1,
+        }}
+      />
+    </View>
     <View style={{
-      backgroundColor: colors.white,
+      width: width || 320,
+      position: 'absolute',
       flex: 1,
     }}>
-      <Button onPress={() => {
-        if (props.onDismiss !== undefined) {
-          props.onDismiss()
-        } else {
-          navigation.dispatch(StackActions.pop({
-            n: 1,
-          }))
-        }
-      }}>Dismiss</Button>
+      <View
+        style={[{
+          backgroundColor: colors.white,
+          borderRadius: 10,
+        }]}
+        {...otherProps}
+      >
+        {showDismiss
+          ? <View style={{
+            flex: 1,
+            marginTop: 10,
+            marginRight: 10,
+            alignSelf: 'flex-end',
+            zIndex: 1,
+          }}>
+            <Button onPress={() => {
+              if (props.onDismiss !== undefined) {
+                props.onDismiss()
+              } else {
+                navigation.dispatch(StackActions.pop({
+                  n: 1,
+                }))
+              }
+            }} icon={'x'} color={colors.fakeBlack} large />
+
+          </View>
+          : null}
+        <View style={{
+          marginTop: -24,
+        }}>
+          {children}
+        </View>
+      </View>
+      {footer}
     </View>
-    {children}
-  </View>
+  </>
 }
 
-export default ModalScreen
+export default withNavigation(ModalScreen)
diff --git a/client/react-native/common/components/Library/QRGenerator.js b/client/react-native/common/components/Library/QRGenerator.js
index 3325d3acf6..9c4d397346 100644
--- a/client/react-native/common/components/Library/QRGenerator.js
+++ b/client/react-native/common/components/Library/QRGenerator.js
@@ -2,8 +2,8 @@ import React  from 'react'
 import QRCode from 'react-native-qrcode-svg'
 import { View } from 'react-native'
 
-export default ({ value, size, style }) => <>
+export default ({ value, ecl, size, style }) => <>
   <View style={[{ width: size, height: size }, ...(style || [])]}>
-    <QRCode size={size} value={value} />
+    <QRCode size={size} value={value} ecl={ecl || 'L'} />
   </View>
 </>
diff --git a/client/react-native/common/components/Library/SaveViewToCamera.js b/client/react-native/common/components/Library/SaveViewToCamera.js
new file mode 100644
index 0000000000..365056c361
--- /dev/null
+++ b/client/react-native/common/components/Library/SaveViewToCamera.js
@@ -0,0 +1,50 @@
+import ViewShot from 'react-native-view-shot'
+import React, { Component } from 'react'
+import { View, CameraRoll } from 'react-native'
+import { StackActions } from 'react-navigation'
+
+export class ViewExportComponent extends Component {
+  async componentDidMount () {
+    const resolve = this.props.navigation.getParam('resolve')
+    const reject = this.props.navigation.getParam('reject')
+
+    try {
+      const uri = await this.refs.viewShot.capture({ format: 'jpg' })
+
+      resolve(uri)
+    } catch (e) {
+      reject(e)
+    }
+
+    this.props.navigation.dispatch(StackActions.pop({
+      n: 1,
+    }))
+  }
+
+  render () {
+    const view = this.props.navigation.getParam('view')
+
+    return (
+      <View style={{ opacity: 0 }}>
+        <ViewShot ref='viewShot'>
+          {view}
+        </ViewShot>
+      </View>
+    )
+  }
+}
+
+export default async ({ view, navigation }) => {
+  try {
+    const uri = await new Promise((resolve, reject) => {
+      navigation.push('virtual/view-export', {
+        resolve,
+        reject,
+        view,
+      })
+    })
+    await CameraRoll.saveToCameraRoll(uri, 'photo')
+  } catch (e) {
+    throw e
+  }
+}
diff --git a/client/react-native/common/components/Screens/Contacts/Add/ByPublicKey.js b/client/react-native/common/components/Screens/Contacts/Add/ByPublicKey.js
index b9ea968edd..f01c819252 100644
--- a/client/react-native/common/components/Screens/Contacts/Add/ByPublicKey.js
+++ b/client/react-native/common/components/Screens/Contacts/Add/ByPublicKey.js
@@ -108,7 +108,7 @@ export default createTabNavigator(
 )
 
 export const ByPublicKeyModal = props => (
-  <ModalScreen navigation={props.navigation}>
+  <ModalScreen navigation={props.navigation} showDismiss>
     <PublicKeyWithActions
       addButton
       initialKey={props.navigation.getParam('initialKey', '')}
diff --git a/client/react-native/common/components/Screens/Contacts/ContactCardModal.js b/client/react-native/common/components/Screens/Contacts/ContactCardModal.js
new file mode 100644
index 0000000000..5f3c6e47ca
--- /dev/null
+++ b/client/react-native/common/components/Screens/Contacts/ContactCardModal.js
@@ -0,0 +1,69 @@
+import React from 'react'
+import ContactIdentity, { QrCode } from '../../Library/ContactIdentity'
+import ModalScreen from '../../Library/ModalScreen'
+import { withNavigation } from 'react-navigation'
+import { View, Text, TouchableOpacity, Clipboard, Alert } from 'react-native'
+import Button from '../../Library/Button'
+import colors from '../../../constants/colors'
+import { extractPublicKeyFromId, shareLinkOther, shareLinkSelf, makeShareableUrl } from '../../../helpers/contacts'
+import { Icon } from '../../Library'
+import saveViewToCamera from '../../Library/SaveViewToCamera'
+
+const modalWidth = 320
+
+const QRCodeExport = ({ data }) => <>
+  <Text>{data.displayName} is on Berty</Text>
+  <QrCode data={data} />
+</>
+
+const ActionButton = ({ icon, title, onPress }) => <TouchableOpacity style={{ flex: 1 }} onPress={onPress}>
+  <Button rounded={'circle'} background={colors.blue} color={colors.white}
+    icon={<Icon name={icon} color={colors.white} />} />
+  <Text style={{ color: colors.white }}>{title}</Text>
+</TouchableOpacity>
+
+const ContactCardModal = ({ navigation }) => {
+  const data = navigation.getParam('data')
+  const self = navigation.getParam('self')
+
+  const id = extractPublicKeyFromId(data.id)
+  const displayName = data.displayName
+
+  return <View style={{
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  }}>
+    <ModalScreen showDismiss width={modalWidth} footer={
+      <View style={{ width: modalWidth, flexDirection: 'row', marginTop: 12 }}>
+        <ActionButton icon={'share'} title={'Share'}
+          onPress={() =>
+            self
+              ? shareLinkSelf({ id, displayName })
+              : shareLinkOther({ id, displayName })
+          }
+        />
+        <ActionButton icon={'image'} title={'Save QR code'}
+          onPress={async () => {
+            try {
+              await saveViewToCamera({ view: <QRCodeExport data={data} />, navigation })
+              Alert.alert('The QR Code has been added to your Camera Roll', '', [
+                { text: 'OK', onPress: () => {} },
+              ])
+            } catch (e) {
+              Alert.alert('Oops!', String(e), [
+                { text: 'OK', onPress: () => {} },
+              ])
+            }
+          }} />
+        <ActionButton icon={'link'} title={'Copy link'}
+          onPress={() => Clipboard.setString(makeShareableUrl({ id, displayName }))} />
+        <ActionButton icon={'copy'} title={'Copy public key'} onPress={() => Clipboard.setString(id)} />
+      </View>
+    }>
+      <ContactIdentity data={data} />
+    </ModalScreen>
+  </View>
+}
+
+export default withNavigation(ContactCardModal)
diff --git a/client/react-native/common/components/Screens/Contacts/Detail/Detail.js b/client/react-native/common/components/Screens/Contacts/Detail/Detail.js
index 0457197ca6..d5791e3a35 100644
--- a/client/react-native/common/components/Screens/Contacts/Detail/Detail.js
+++ b/client/react-native/common/components/Screens/Contacts/Detail/Detail.js
@@ -2,10 +2,6 @@ import React, { PureComponent } from 'react'
 import { Image, ActionSheetIOS, Platform, Alert } from 'react-native'
 import { Menu, Header, Screen } from '../../../Library'
 import { colors } from '../../../../constants'
-import {
-  shareLinkOther,
-  extractPublicKeyFromId,
-} from '../../../../helpers/contacts'
 
 export default class Detail extends PureComponent {
   static navigationOptions = ({ navigation }) => ({
@@ -113,19 +109,11 @@ export default class Detail extends PureComponent {
               icon='eye'
               title='View public key'
               onPress={() =>
-                navigation.push('detail/publickey', {
-                  id: extractPublicKeyFromId(contact.id),
-                  displayName: contact.displayName,
-                })
-              }
-            />
-            <Menu.Item
-              icon='share'
-              title='Share this contact'
-              onPress={() =>
-                shareLinkOther({
-                  id: extractPublicKeyFromId(contact.id),
-                  displayName: contact.displayName,
+                navigation.push('modal/contacts/card', {
+                  data: {
+                    id: contact.id,
+                    displayName: contact.displayName,
+                  },
                 })
               }
             />
diff --git a/client/react-native/common/components/Screens/Main.js b/client/react-native/common/components/Screens/Main.js
index dea05eeabf..27a78f123b 100644
--- a/client/react-native/common/components/Screens/Main.js
+++ b/client/react-native/common/components/Screens/Main.js
@@ -11,6 +11,8 @@ import { colors } from '../../constants'
 import Chats from './Chats'
 import Contacts from './Contacts'
 import Settings from './Settings'
+import ContactCardModal from './Contacts/ContactCardModal'
+import { ViewExportComponent } from '../Library/SaveViewToCamera'
 
 const TabBarIcon = (tintColor, routeName, badgeValue) => {
   let iconName = {
@@ -107,16 +109,17 @@ export default createStackNavigator(
     'modal/devtools/event/list/filters': {
       screen: EventListFilterModal,
     },
+    'modal/contacts/card': {
+      screen: ContactCardModal,
+    },
+    'virtual/view-export': {
+      screen: ViewExportComponent,
+    },
   },
   {
     mode: 'card',
     headerMode: 'none',
     transparentCard: true,
-    cardStyle: [
-      {
-        backgroundColor: colors.transparentGrey,
-      },
-    ],
     navigationOptions: {
       gesturesEnabled: false,
     },
diff --git a/client/react-native/common/components/Screens/Settings/List.js b/client/react-native/common/components/Screens/Settings/List.js
index 06f1c6607c..871c959ccb 100644
--- a/client/react-native/common/components/Screens/Settings/List.js
+++ b/client/react-native/common/components/Screens/Settings/List.js
@@ -30,7 +30,15 @@ export default class List extends PureComponent {
           <Menu.Item
             icon='user'
             title='My account'
-            onPress={() => navigation.push('settings/my-account')}
+            onPress={() =>
+              navigation.push('modal/contacts/card', {
+                data: {
+                  id,
+                  displayName,
+                },
+                self: true,
+              })
+            }
           />
           {availableUpdate ? (
             <Menu.Item
diff --git a/client/react-native/common/helpers/fingerprint.js b/client/react-native/common/helpers/fingerprint.js
new file mode 100644
index 0000000000..9336ef5f19
--- /dev/null
+++ b/client/react-native/common/helpers/fingerprint.js
@@ -0,0 +1,5 @@
+import CryptoJS from 'crypto-js'
+
+export const fingerprint = key => CryptoJS.SHA256(key).toString(CryptoJS.enc.Hex)
+
+export const formattedFingerprint = key => (fingerprint(key).match(/.{1,4}/g) || '').join(' ') + ' '
diff --git a/client/react-native/common/helpers/views.js b/client/react-native/common/helpers/views.js
new file mode 100644
index 0000000000..38c804b301
--- /dev/null
+++ b/client/react-native/common/helpers/views.js
@@ -0,0 +1,12 @@
+import React from 'react'
+
+export const withScreenProps = (WrappedComponent) => {
+  class WithScreenProps extends React.Component {
+    render = () => <WrappedComponent {...this.props} {...this.props.screenProps} />
+  }
+
+  WithScreenProps.displayName = `WithScreenProps(${getDisplayName(WrappedComponent)})`
+  return WithScreenProps
+}
+
+const getDisplayName = (WrappedComponent) => WrappedComponent.displayName || WrappedComponent.name || 'Component'
diff --git a/client/react-native/ios/Berty.xcodeproj/project.pbxproj b/client/react-native/ios/Berty.xcodeproj/project.pbxproj
index 7a9b9df114..f665839463 100644
--- a/client/react-native/ios/Berty.xcodeproj/project.pbxproj
+++ b/client/react-native/ios/Berty.xcodeproj/project.pbxproj
@@ -5,7 +5,6 @@
 	};
 	objectVersion = 46;
 	objects = {
-
 /* Begin PBXBuildFile section */
 		00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
 		00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
@@ -14,6 +13,7 @@
 		00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; };
 		05FBAFD84110448CA957D2BE /* libReactNativePermissions.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 68F2BAABD2444EFEA612F833 /* libReactNativePermissions.a */; };
 		087D7066B94F41D0A814C4DA /* libLottie.a in Frameworks */ = {isa = PBXBuildFile; fileRef = DDBF5AF63D1148619D67972A /* libLottie.a */; };
+		0DE0D24C91BD4129BA607672 /* libRNViewShot.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 99F33B395D4B4F3080F42DAA /* libRNViewShot.a */; };
 		0E1990BBF6984EC6AA42E2E2 /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 21CCBE643C8E4CB7906A9EB3 /* Octicons.ttf */; };
 		133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; };
 		139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; };
@@ -68,6 +68,7 @@
 		DBCA0527B5E5452CBB25A469 /* FontAwesome5_Solid.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 81A473A5CA794BE987DF240A /* FontAwesome5_Solid.ttf */; };
 		E06D3F08438E443B9720B383 /* Zocial.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 189BB2B54F564464817850BE /* Zocial.ttf */; };
 		EFEFDB40F99B499C82D9C417 /* libReactNativeExceptionHandler.a in Frameworks */ = {isa = PBXBuildFile; fileRef = E3263E81D0DF4FCD8CFC71E5 /* libReactNativeExceptionHandler.a */; };
+		F09B398921C02731000AA9A8 /* libRCTCameraRoll.a in Frameworks */ = {isa = PBXBuildFile; fileRef = F09B398821C02721000AA9A8 /* libRCTCameraRoll.a */; };
 		F625BCB39E3C45ADA463C308 /* Feather.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 6BCA3B477305485C91CB74DA /* Feather.ttf */; };
 		F8799D7A2136F44B003B9FD7 /* CoreModule.m in Sources */ = {isa = PBXBuildFile; fileRef = F8799D752136F3C5003B9FD7 /* CoreModule.m */; };
 		F8799D7B2136F44E003B9FD7 /* CoreModule.swift in Sources */ = {isa = PBXBuildFile; fileRef = F8799D782136F3EA003B9FD7 /* CoreModule.swift */; };
@@ -468,6 +469,20 @@
 			remoteGlobalIDString = 94DDAC5C1F3D024300EED511;
 			remoteInfo = "RNSVG-tvOS";
 		};
+		F09B392121C0115E000AA9A8 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = DA7073E531C04F2A8B987F86 /* RNViewShot.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 134814201AA4EA6300B7C361;
+			remoteInfo = RNViewShot;
+		};
+		F09B398721C02721000AA9A8 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = F09B398321C02721000AA9A8 /* RCTCameraRoll.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 58B5115D1A9E6B3D00147676;
+			remoteInfo = RCTCameraRoll;
+		};
 		F8E5BE032194844E009E886C /* PBXContainerItemProxy */ = {
 			isa = PBXContainerItemProxy;
 			containerPortal = 6FB3194C6F754B4C9359EBA1 /* RCTRestart.xcodeproj */;
@@ -552,6 +567,7 @@
 		8D1BA427216CF8F700FEF0AE /* libssl.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; name = libssl.a; path = ../../common/openssl/built/ios/libssl.a; sourceTree = "<group>"; };
 		998B6ADB2179E1B90029B33C /* CoreBluetooth.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = CoreBluetooth.framework; path = System/Library/Frameworks/CoreBluetooth.framework; sourceTree = SDKROOT; };
 		9AAFBAF85DB74DEBB774026B /* libLottieReactNative.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libLottieReactNative.a; sourceTree = "<group>"; };
+		99F33B395D4B4F3080F42DAA /* libRNViewShot.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNViewShot.a; sourceTree = "<group>"; };
 		A3B480CF049A42D3B1CC815D /* ReactNativePermissions.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = ReactNativePermissions.xcodeproj; path = "../node_modules/react-native-permissions/ios/ReactNativePermissions.xcodeproj"; sourceTree = "<group>"; };
 		A5CF2EBACA6944FB80758D67 /* libRNSVG-tvOS.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = "libRNSVG-tvOS.a"; sourceTree = "<group>"; };
 		AA451D571EE54153BD6C7A36 /* libRCTRestart.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRCTRestart.a; sourceTree = "<group>"; };
@@ -562,9 +578,11 @@
 		CCA695F52DA7481FB92F902C /* RNSVG.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNSVG.xcodeproj; path = "../node_modules/react-native-svg/ios/RNSVG.xcodeproj"; sourceTree = "<group>"; };
 		D2D26EFC3B0F4124BD3EB762 /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = SimpleLineIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf"; sourceTree = "<group>"; };
 		DDBF5AF63D1148619D67972A /* libLottie.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libLottie.a; sourceTree = "<group>"; };
+		DA7073E531C04F2A8B987F86 /* RNViewShot.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNViewShot.xcodeproj; path = "../node_modules/react-native-view-shot/ios/RNViewShot.xcodeproj"; sourceTree = "<group>"; };
 		E1C9A4F1DC6B4E75A55ACAF7 /* MaterialCommunityIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = MaterialCommunityIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf"; sourceTree = "<group>"; };
 		E1D3C615D92C4C90A04C6AC3 /* Lottie.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = Lottie.xcodeproj; path = "../node_modules/lottie-ios/Lottie.xcodeproj"; sourceTree = "<group>"; };
 		E3263E81D0DF4FCD8CFC71E5 /* libReactNativeExceptionHandler.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libReactNativeExceptionHandler.a; sourceTree = "<group>"; };
+		F09B398321C02721000AA9A8 /* RCTCameraRoll.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTCameraRoll.xcodeproj; path = "../node_modules/react-native/Libraries/CameraRoll/RCTCameraRoll.xcodeproj"; sourceTree = "<group>"; };
 		F0BAE21221906E73003601A0 /* Berty.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = Berty.entitlements; path = Berty/Berty.entitlements; sourceTree = "<group>"; };
 		F8799D752136F3C5003B9FD7 /* CoreModule.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = CoreModule.m; sourceTree = "<group>"; };
 		F8799D772136F3EA003B9FD7 /* Berty-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Berty-Bridging-Header.h"; sourceTree = "<group>"; };
@@ -586,6 +604,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				F09B398921C02731000AA9A8 /* libRCTCameraRoll.a in Frameworks */,
 				998B6ADC2179E1B90029B33C /* CoreBluetooth.framework in Frameworks */,
 				146834051AC3E58100842450 /* libReact.a in Frameworks */,
 				8D1BA428216CF8F700FEF0AE /* libssl.a in Frameworks */,
@@ -615,6 +634,7 @@
 				05FBAFD84110448CA957D2BE /* libReactNativePermissions.a in Frameworks */,
 				087D7066B94F41D0A814C4DA /* libLottie.a in Frameworks */,
 				7ED2BA53C9694134AE71DBAA /* libLottieReactNative.a in Frameworks */,
+				0DE0D24C91BD4129BA607672 /* libRNViewShot.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -810,6 +830,7 @@
 		832341AE1AAA6A7D00B99B32 /* Libraries */ = {
 			isa = PBXGroup;
 			children = (
+				F09B398321C02721000AA9A8 /* RCTCameraRoll.xcodeproj */,
 				480E37922190872400BE10A5 /* RCTPushNotification.xcodeproj */,
 				5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */,
 				146833FF1AC3E56700842450 /* React.xcodeproj */,
@@ -833,6 +854,7 @@
 				A3B480CF049A42D3B1CC815D /* ReactNativePermissions.xcodeproj */,
 				E1D3C615D92C4C90A04C6AC3 /* Lottie.xcodeproj */,
 				C1BC576E31204202B1578D5D /* LottieReactNative.xcodeproj */,
+				DA7073E531C04F2A8B987F86 /* RNViewShot.xcodeproj */,
 			);
 			name = Libraries;
 			sourceTree = "<group>";
@@ -914,6 +936,7 @@
 				134436BFE39C4B81A3D46D35 /* Lottie.framework */,
 				DDBF5AF63D1148619D67972A /* libLottie.a */,
 				9AAFBAF85DB74DEBB774026B /* libLottieReactNative.a */,
+				99F33B395D4B4F3080F42DAA /* libRNViewShot.a */,
 			);
 			name = "Recovered References";
 			sourceTree = "<group>";
@@ -971,6 +994,22 @@
 			name = Products;
 			sourceTree = "<group>";
 		};
+		F09B391E21C0115E000AA9A8 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				F09B392221C0115E000AA9A8 /* libRNViewShot.a */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		F09B398421C02721000AA9A8 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				F09B398821C02721000AA9A8 /* libRCTCameraRoll.a */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
 		F8799D4D2136F37F003B9FD7 /* modules */ = {
 			isa = PBXGroup;
 			children = (
@@ -1156,6 +1195,10 @@
 					ProductGroup = ADBDB9201DFEBF0600ED6528 /* Products */;
 					ProjectRef = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */;
 				},
+				{
+					ProductGroup = F09B398421C02721000AA9A8 /* Products */;
+					ProjectRef = F09B398321C02721000AA9A8 /* RCTCameraRoll.xcodeproj */;
+				},
 				{
 					ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */;
 					ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */;
@@ -1228,6 +1271,10 @@
 					ProductGroup = 8D5E0FAE216E15690085BF34 /* Products */;
 					ProjectRef = 48B5C9A179E04E4CA39C6E06 /* RNVectorIcons.xcodeproj */;
 				},
+				{
+					ProductGroup = F09B391E21C0115E000AA9A8 /* Products */;
+					ProjectRef = DA7073E531C04F2A8B987F86 /* RNViewShot.xcodeproj */;
+				},
 			);
 			projectRoot = "";
 			targets = (
@@ -1604,6 +1651,20 @@
 			remoteRef = F04B5CB421B6B96C002AA715 /* PBXContainerItemProxy */;
 			sourceTree = BUILT_PRODUCTS_DIR;
 		};
+		F09B392221C0115E000AA9A8 /* libRNViewShot.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libRNViewShot.a;
+			remoteRef = F09B392121C0115E000AA9A8 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		F09B398821C02721000AA9A8 /* libRCTCameraRoll.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libRCTCameraRoll.a;
+			remoteRef = F09B398721C02721000AA9A8 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
 		F8E5BE042194844E009E886C /* libRCTRestart.a */ = {
 			isa = PBXReferenceProxy;
 			fileType = archive.ar;
@@ -1795,6 +1856,7 @@
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 				);
 				INFOPLIST_FILE = BertyTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
@@ -1838,6 +1900,7 @@
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 				);
 				INFOPLIST_FILE = BertyTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
@@ -1890,6 +1953,7 @@
 					"$(SRCROOT)/../node_modules/react-native-svg/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-camera/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 					"$(REACT_HEADERS_PATH)",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
@@ -1946,6 +2010,7 @@
 					"$(SRCROOT)/../node_modules/react-native-svg/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-camera/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 					"$(REACT_HEADERS_PATH)",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
@@ -1999,6 +2064,7 @@
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 				);
 				INFOPLIST_FILE = "Berty-tvOS/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -2050,6 +2116,7 @@
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 				);
 				INFOPLIST_FILE = "Berty-tvOS/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -2100,6 +2167,7 @@
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 				);
 				INFOPLIST_FILE = "Berty-tvOSTests/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
@@ -2150,6 +2218,7 @@
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 				);
 				INFOPLIST_FILE = "Berty-tvOSTests/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
@@ -2458,6 +2527,7 @@
 					"$(SRCROOT)/../node_modules/react-native-svg/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-camera/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 					"$(REACT_HEADERS_PATH)",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
@@ -2505,6 +2575,7 @@
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 				);
 				INFOPLIST_FILE = BertyTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
@@ -2554,6 +2625,7 @@
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 				);
 				INFOPLIST_FILE = "Berty-tvOS/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -2604,6 +2676,7 @@
 					"$(SRCROOT)/../node_modules/react-native-permissions/ios/**",
 					"$(SRCROOT)/../node_modules/lottie-ios/lottie-ios/Classes/**",
 					"$(SRCROOT)/../node_modules/lottie-react-native/src/ios/LottieReactNative",
+					"$(SRCROOT)/../node_modules/react-native-view-shot/ios",
 				);
 				INFOPLIST_FILE = "Berty-tvOSTests/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
diff --git a/client/react-native/package.json b/client/react-native/package.json
index 71226a90f3..d767e4f9b6 100644
--- a/client/react-native/package.json
+++ b/client/react-native/package.json
@@ -15,6 +15,7 @@
     "babel-plugin-transform-export-extensions": "^6.22.0",
     "case": "^1.6.0",
     "concurrently": "^4.0.1",
+    "crypto-js": "^3.1.9-1",
     "deepmerge": "^2.2.1",
     "graphql": "^14.0.2",
     "graphql-relay": "^0.5.5",
@@ -38,6 +39,7 @@
     "react-native-segmented-control-tab": "^3.3.1",
     "react-native-svg": "^8.0.8",
     "react-native-vector-icons": "^6.0.1",
+    "react-native-view-shot": "^2.5.0",
     "react-navigation": "^2.17.0",
     "react-relay": "^1.6.2",
     "react-relay-network-modern": "^2.4.0",
diff --git a/client/react-native/yarn.lock b/client/react-native/yarn.lock
index d708f350f4..2b7261c694 100644
--- a/client/react-native/yarn.lock
+++ b/client/react-native/yarn.lock
@@ -1951,6 +1951,10 @@ cross-spawn@^6.0.0, cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
+crypto-js@^3.1.9-1:
+  version "3.1.9-1"
+  resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-3.1.9-1.tgz#fda19e761fc077e01ffbfdc6e9fdfc59e8806cd8"
+
 crypto-random-string@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
@@ -5218,6 +5222,10 @@ react-native-vector-icons@^6.0.1:
     prop-types "^15.6.2"
     yargs "^8.0.2"
 
+react-native-view-shot@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/react-native-view-shot/-/react-native-view-shot-2.5.0.tgz#428a997f470d3148d0067c5b46abd988ef1aa4c0"
+
 react-native@^0.57.6:
   version "0.57.6"
   resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.57.6.tgz#517a5df8a635e9f465abec1e47d7d66b0e206c06"