Make list of devices in mobile provisioning flow scrollable

0x4445565A · Aug 31, 2016 · 9ec96f4 · 9ec96f4
1 parent ede3ccd
commit 9ec96f4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/shared/login/register/select-other-device/index.render.native.js b/shared/login/register/select-other-device/index.render.native.js
@@ -4,7 +4,7 @@ import React from 'react'
 import type {DeviceType} from '../../../constants/types/more'
 import type {IconType} from '../../../common-adapters/icon'
 import type {Props} from './index.render'
-import {Box, Text, Icon, ClickableBox} from '../../../common-adapters/index'
+import {Box, Text, Icon, ClickableBox, NativeScrollView} from '../../../common-adapters/index.native'
 import {globalStyles, globalColors} from '../../../styles'
 
 const Row = ({deviceID, name, type, onSelect}) => {
@@ -35,9 +35,9 @@ const Render = ({onBack, devices, onWont, onSelect}: Props) => (
     style={stylesContainer}
     onBack={onBack}>
     <Text type='Header' style={stylesHeader}>Which device would you like to connect with?</Text>
-    <Box style={stylesDevicesContainer}>
+    <NativeScrollView style={stylesDevicesContainer}>
       {devices.map(d => <Row onSelect={onSelect} {...d} key={d.deviceID} />)}
-    </Box>
+    </NativeScrollView>
     <Text style={stylesWont} type='BodySmallSecondaryLink' onClick={onWont}>Log in with your passphrase</Text>
   </Container>
 )