diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap index 075b855fc44..ea227393212 100644 --- a/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap @@ -726,19 +726,19 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = ` diff --git a/src/components/scenes/CreateWalletSelectCryptoScene.tsx b/src/components/scenes/CreateWalletSelectCryptoScene.tsx index 9935fc425af..0028d90714d 100644 --- a/src/components/scenes/CreateWalletSelectCryptoScene.tsx +++ b/src/components/scenes/CreateWalletSelectCryptoScene.tsx @@ -202,19 +202,20 @@ const CreateWalletSelectCryptoComponent = (props: Props) => { const renderCreateWalletRow: ListRenderItem = useHandler(item => { const { key, displayName, pluginId, tokenId } = item.item - + const value = selectedItems[key] const accessibilityHint = sprintf(lstrings.create_wallet_hint, displayName) + const accessibilityState = { checked: value, selected: value } const toggle = ( handleCreateWalletToggle(key)} /> ) @@ -223,6 +224,7 @@ const CreateWalletSelectCryptoComponent = (props: Props) => { handleCreateWalletToggle(key)} rightSide={toggle} @@ -235,12 +237,10 @@ const CreateWalletSelectCryptoComponent = (props: Props) => { const renderNextButton = React.useMemo( () => ( 0} visible={numSelected > 0} duration={300}> - - - + ), - [defaultSelection, handleNext, numSelected, styles.bottomButton] + [defaultSelection, handleNext, numSelected] ) return ( @@ -273,7 +273,7 @@ const CreateWalletSelectCryptoComponent = (props: Props) => { keyExtractor={keyExtractor} renderItem={renderCreateWalletRow} /> - {renderNextButton} + {renderNextButton} )} @@ -281,10 +281,10 @@ const CreateWalletSelectCryptoComponent = (props: Props) => { } const getStyles = cacheStyles((theme: Theme) => ({ - bottomButton: { - alignSelf: 'center', - bottom: theme.rem(1), - position: 'absolute' + bottomArea: { + flex: 1, + justifyContent: 'flex-end', + paddingBottom: theme.rem(1) }, content: { flex: 1