@reown/appkit-react-native 0.0.0-fix-height-calc-20250815195135 → 0.0.0-fix-improvements-20250827190629

package/lib/typescript/views/w3m-wallet-compatible-networks-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-compatible-networks-view/index.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,wBAAwB,4CAuCvC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-compatible-networks-view/index.tsx"],"names":[],"mappings":"AAUA,wBAAgB,wBAAwB,4CAsCvC"}

package/lib/typescript/views/w3m-wallet-receive-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-receive-view/index.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,iBAAiB,wDAsEhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-receive-view/index.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,iBAAiB,wDAqEhC"}

package/lib/typescript/views/w3m-wallet-send-preview-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-preview-view/index.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,qBAAqB,4CAgHpC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-preview-view/index.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,qBAAqB,4CA+GpC"}

package/lib/typescript/views/w3m-wallet-send-select-token-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-select-token-view/index.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,yBAAyB,4CA+DxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-select-token-view/index.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,yBAAyB,4CA0ExC"}

package/lib/typescript/views/w3m-wallet-send-select-token-view/styles.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
     };
     tokenList: {
         paddingHorizontal: number;
+        paddingBottom: number;
     };
 };
 export default _default;

package/lib/typescript/views/w3m-wallet-send-select-token-view/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-select-token-view/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,wBAWG"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-select-token-view/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAGA,wBAYG"}

package/lib/typescript/views/w3m-wallet-send-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/index.tsx"],"names":[],"mappings":"AAeA,wBAAgB,cAAc,4CAwG7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/index.tsx"],"names":[],"mappings":"AAeA,wBAAgB,cAAc,4CAsG7B"}

package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     };
     withKeyboard: {
         height: "100%";
+        maxHeight: "100%";
     };
 };
 export default _default;

package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGA,wBAoBG"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGA,wBAqBG"}

package/lib/typescript/views/w3m-what-is-a-network-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-network-view/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,kBAAkB,4CA2CjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-network-view/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,kBAAkB,4CA0CjC"}

package/lib/typescript/views/w3m-what-is-a-wallet-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-wallet-view/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,4CA6DhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-wallet-view/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,iBAAiB,4CAsDhC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-react-native",
-  "version": "0.0.0-fix-height-calc-20250815195135",
+  "version": "0.0.0-fix-improvements-20250827190629",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "module": "lib/module/index.js",
@@ -38,10 +38,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@reown/appkit-common-react-native": "0.0.0-fix-height-calc-20250815195135",
-    "@reown/appkit-core-react-native": "0.0.0-fix-height-calc-20250815195135",
-    "@reown/appkit-siwe-react-native": "0.0.0-fix-height-calc-20250815195135",
-    "@reown/appkit-ui-react-native": "0.0.0-fix-height-calc-20250815195135",
+    "@reown/appkit-common-react-native": "0.0.0-fix-improvements-20250827190629",
+    "@reown/appkit-core-react-native": "0.0.0-fix-improvements-20250827190629",
+    "@reown/appkit-siwe-react-native": "0.0.0-fix-improvements-20250827190629",
+    "@reown/appkit-ui-react-native": "0.0.0-fix-improvements-20250827190629",
     "@walletconnect/universal-provider": "2.21.5",
     "valtio": "2.1.5"
   },

package/src/AppKit.ts

@@ -663,6 +663,7 @@ export class AppKit {
     OptionsController.setEnableAnalytics(options.enableAnalytics);
     OptionsController.setDebug(options.debug);
     OptionsController.setFeatures(options.features);
+    OptionsController.setRequestedNetworks(this.networks);
 
     if (options.defaultNetwork) {
       const network = NetworkUtil.formatNetwork(options.defaultNetwork, this.projectId);
@@ -709,14 +710,17 @@ export class AppKit {
     const wallets = await StorageUtil.getRecentWallets();
     const filteredWallets = wallets.filter(wallet => {
       const { includeWalletIds, excludeWalletIds } = options;
-      if (includeWalletIds) {
+
+      if (includeWalletIds?.length) {
         return includeWalletIds.includes(wallet.id);
       }
-      if (excludeWalletIds) {
+      if (excludeWalletIds?.length) {
         return !excludeWalletIds.includes(wallet.id);
       }
 
-      return true;
+      return this.networks.some(
+        network => wallet.chains?.some(chain => network.caipNetworkId === chain)
+      );
     });
 
     WcController.setRecentWallets(filteredWallets);
@@ -740,8 +744,12 @@ export class AppKit {
 
     const customList = [...(customWallets ?? [])];
 
-    const addPhantom =
+    const isSolanaEnabled =
       adapters.some(adapter => adapter.getSupportedNamespace() === 'solana') &&
+      this.networks.some(network => network.chainNamespace === 'solana');
+
+    const addPhantom =
+      isSolanaEnabled &&
       extraConnectors?.some(connector => connector.type.toLowerCase() === 'phantom') &&
       !customList.some(wallet => wallet.id === ConstantsUtil.PHANTOM_CUSTOM_WALLET.id);
 
@@ -750,7 +758,7 @@ export class AppKit {
     }
 
     const addSolflare =
-      adapters.some(adapter => adapter.getSupportedNamespace() === 'solana') &&
+      isSolanaEnabled &&
       extraConnectors?.some(connector => connector.type.toLowerCase() === 'solflare') &&
       !customList.some(wallet => wallet.id === ConstantsUtil.SOLFLARE_CUSTOM_WALLET.id);
 

package/src/connectors/WalletConnectConnector.ts

@@ -210,12 +210,12 @@ export class WalletConnectConnector extends WalletConnector {
     const provider = this.provider as IUniversalProvider;
 
     if (namespace) {
-      const _chainId = this.getChainId(namespace);
-
       // @ts-ignore
       return {
         ...provider,
         request: (args: RequestArguments, chainId?: CaipNetworkId) => {
+          const _chainId = this.getChainId(namespace);
+
           return provider.request(args, chainId || _chainId);
         }
       };

package/src/partials/w3m-account-activity/index.tsx

@@ -1,6 +1,6 @@
 import { useSnapshot } from 'valtio';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { ScrollView, View, type StyleProp, type ViewStyle, RefreshControl } from 'react-native';
+import { View, type StyleProp, type ViewStyle, RefreshControl } from 'react-native';
 import {
   FlexView,
   Link,
@@ -8,7 +8,8 @@ import {
   LoadingSpinner,
   Text,
   TransactionUtil,
-  useTheme
+  useTheme,
+  ScrollView
 } from '@reown/appkit-ui-react-native';
 import { type Transaction, type TransactionImage } from '@reown/appkit-common-react-native';
 import {
@@ -121,9 +122,8 @@ export function AccountActivity({ style }: Props) {
 
   return (
     <ScrollView
-      style={[styles.container, style]}
-      fadingEdgeLength={20}
-      contentContainerStyle={[styles.contentContainer]}
+      style={style}
+      contentContainerStyle={styles.contentContainer}
       refreshControl={
         <RefreshControl
           refreshing={refreshing}

package/src/partials/w3m-account-activity/styles.ts

@@ -2,11 +2,8 @@ import { Spacing } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
 
 export default StyleSheet.create({
-  container: {
-    paddingHorizontal: Spacing.xs
-  },
   contentContainer: {
-    paddingBottom: Spacing.m
+    paddingBottom: Spacing.xl
   },
   separatorText: {
     marginVertical: Spacing.xs

package/src/partials/w3m-account-tokens/index.tsx

@@ -1,11 +1,5 @@
 import { useCallback, useState } from 'react';
-import {
-  RefreshControl,
-  ScrollView,
-  StyleSheet,
-  type StyleProp,
-  type ViewStyle
-} from 'react-native';
+import { RefreshControl, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';
 import { useSnapshot } from 'valtio';
 import {
   AssetController,
@@ -20,7 +14,8 @@ import {
   ListToken,
   useTheme,
   Spacing,
-  LoadingSpinner
+  LoadingSpinner,
+  ScrollView
 } from '@reown/appkit-ui-react-native';
 
 interface Props {
@@ -70,7 +65,6 @@ export function AccountTokens({ style, isLoading }: Props) {
 
   return (
     <ScrollView
-      fadingEdgeLength={20}
       style={style}
       refreshControl={
         <RefreshControl

package/src/partials/w3m-all-wallets-list/components/Loading.tsx

@@ -1,6 +1,6 @@
 import { CardSelectLoader, FlexView, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import { memo } from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle, StyleSheet } from 'react-native';
 
 interface LoadingProps {
   itemWidth?: number;
@@ -15,8 +15,7 @@ function _Loading({ itemWidth, containerStyle }: LoadingProps) {
       flexDirection="row"
       flexWrap="wrap"
       alignSelf="center"
-      padding={['0', '0', 's', 'xs']}
-      style={{ maxWidth, maxHeight }}
+      style={[styles.container, { maxWidth, maxHeight }]}
     >
       <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
       <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
@@ -30,18 +29,17 @@ function _Loading({ itemWidth, containerStyle }: LoadingProps) {
       <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
       <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
       <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
-      <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
-      <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
-      <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
-      <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
-      <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
-      <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
-      <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
-      <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />
     </FlexView>
   );
 }
 
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: 'center',
+    justifyContent: 'center'
+  }
+});
+
 export const Loading = memo(_Loading, () => {
   return true;
 });

package/src/partials/w3m-all-wallets-list/components/WalletItem.tsx

@@ -11,6 +11,7 @@ interface WalletItemProps {
   itemWidth?: number;
   imageHeaders?: Record<string, string>;
   onItemPress: (wallet: WcWallet) => void;
+  style?: StyleProp<ViewStyle>;
 }
 
 export function WalletItem({
@@ -18,20 +19,21 @@ export function WalletItem({
   item,
   itemWidth,
   imageHeaders,
-  onItemPress
+  onItemPress,
+  style
 }: WalletItemProps) {
   const { walletImages } = useSnapshot(AssetController.state);
   const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
   const imageSrc = AssetUtil.getWalletImage(item, walletImages);
 
   if (!item?.id) {
-    return <CardSelectLoader style={[containerStyle, { width: itemWidth }]} />;
+    return <CardSelectLoader style={[containerStyle, { width: itemWidth }, style]} />;
   }
 
   return (
     <CardSelect
       imageSrc={imageSrc}
-      style={[containerStyle, { width: itemWidth }]}
+      style={[containerStyle, { width: itemWidth }, style]}
       imageHeaders={imageHeaders}
       name={item?.name ?? 'Unknown'}
       onPress={() => onItemPress(item)}

package/src/partials/w3m-all-wallets-list/index.tsx

@@ -126,10 +126,14 @@ export function AllWalletsList({
           itemWidth={itemWidth}
           imageHeaders={imageHeaders}
           onItemPress={onItemPress}
+          style={styles.itemContainer}
         />
       )}
       style={{ maxHeight: maxHeight - headerHeight - Spacing['4xl'] }}
-      contentContainerStyle={[styles.contentContainer, { paddingHorizontal: padding + Spacing.xs }]}
+      contentContainerStyle={[
+        styles.contentContainer,
+        { paddingHorizontal: padding + Spacing['2xs'] }
+      ]}
       onEndReached={fetchNextPage}
       onEndReachedThreshold={2}
       keyExtractor={(item, index) => item?.id ?? index}

package/src/partials/w3m-all-wallets-list/styles.ts

@@ -3,12 +3,13 @@ import { StyleSheet } from 'react-native';
 
 export default StyleSheet.create({
   contentContainer: {
-    paddingBottom: Spacing['2xl']
+    paddingBottom: Spacing['4xl'],
+    paddingTop: Spacing['3xs']
   },
   itemContainer: {
     alignItems: 'center',
     justifyContent: 'center',
-    marginVertical: Spacing.xs
+    margin: Spacing['4xs']
   },
   pageLoader: {
     marginTop: Spacing.xl

package/src/partials/w3m-all-wallets-search/index.tsx

@@ -98,10 +98,14 @@ export function AllWalletsSearch({
           itemWidth={itemWidth}
           imageHeaders={imageHeaders}
           onItemPress={onItemPress}
+          style={styles.itemContainer}
         />
       )}
       style={{ maxHeight: maxHeight - headerHeight - Spacing['2xl'] }}
-      contentContainerStyle={[styles.contentContainer, { paddingHorizontal: padding + Spacing.xs }]}
+      contentContainerStyle={[
+        styles.contentContainer,
+        { paddingHorizontal: padding + Spacing['2xs'] }
+      ]}
       keyExtractor={item => item.id}
       getItemLayout={(_, index) => ({
         length: ITEM_HEIGHT,

package/src/partials/w3m-all-wallets-search/styles.ts

@@ -3,7 +3,7 @@ import { StyleSheet } from 'react-native';
 
 export default StyleSheet.create({
   contentContainer: {
-    paddingBottom: Spacing['2xl']
+    paddingBottom: Spacing['4xl']
   },
   placeholderContainer: {
     flex: 0,
@@ -19,7 +19,7 @@ export default StyleSheet.create({
   itemContainer: {
     alignItems: 'center',
     justifyContent: 'center',
-    marginVertical: Spacing.xs
+    margin: Spacing['4xs']
   },
   text: {
     marginTop: Spacing.xs

package/src/partials/w3m-connecting-mobile/index.tsx

@@ -1,6 +1,6 @@
 import { useSnapshot } from 'valtio';
 import { useCallback, useEffect, useState } from 'react';
-import { Platform, ScrollView } from 'react-native';
+import { Platform } from 'react-native';
 import {
   RouterController,
   ApiController,
@@ -19,7 +19,8 @@ import {
   WalletImage,
   Link,
   IconBox,
-  useCustomDimensions
+  useCustomDimensions,
+  ScrollView
 } from '@reown/appkit-ui-react-native';
 
 import { StoreLink } from './components/StoreLink';
@@ -100,7 +101,7 @@ export function ConnectingMobile({ onRetry, onCopyUri, isInstalled }: Props) {
   }, [wcUri, onConnect]);
 
   return (
-    <ScrollView bounces={false} fadingEdgeLength={20} contentContainerStyle={styles.container}>
+    <ScrollView contentContainerStyle={styles.container}>
       <FlexView
         alignItems="center"
         alignSelf="center"

package/src/partials/w3m-connecting-qrcode/index.tsx

@@ -64,6 +64,7 @@ export function ConnectingQrCode() {
             iconLeft="copySmall"
             color="fg-200"
             style={styles.copyButton}
+            disabled={!wcUri}
             onPress={onCopyAddress}
             testID="copy-link"
           >

package/src/partials/w3m-connecting-web/index.tsx

@@ -1,6 +1,6 @@
 import { useSnapshot } from 'valtio';
 import { useCallback } from 'react';
-import { Linking, ScrollView } from 'react-native';
+import { Linking } from 'react-native';
 import {
   RouterController,
   ApiController,
@@ -17,7 +17,8 @@ import {
   LoadingThumbnail,
   WalletImage,
   Link,
-  IconBox
+  IconBox,
+  ScrollView
 } from '@reown/appkit-ui-react-native';
 
 import { ConnectingBody, getMessage } from '../w3m-connecting-body';
@@ -65,7 +66,7 @@ export function ConnectingWeb({ onCopyUri }: ConnectingWebProps) {
   }, [data?.wallet, wcUri]);
 
   return (
-    <ScrollView bounces={false} fadingEdgeLength={20}>
+    <ScrollView>
       <FlexView alignItems="center" padding={['2xl', 'm', '3xl', 'm']}>
         <LoadingThumbnail paused={wcError}>
           <WalletImage

package/src/partials/w3m-selector-modal/index.tsx

@@ -1,5 +1,5 @@
 import { useSnapshot } from 'valtio';
-import { FlatList, View, Modal } from 'react-native';
+import { FlatList, View, Modal, Animated } from 'react-native';
 import {
   FlexView,
   IconBox,
@@ -13,6 +13,7 @@ import {
 } from '@reown/appkit-ui-react-native';
 import styles from './styles';
 import { AssetController, AssetUtil, ConnectionsController } from '@reown/appkit-core-react-native';
+import { useEffect, useRef } from 'react';
 
 interface SelectorModalProps {
   title?: string;
@@ -47,6 +48,32 @@ export function SelectorModal({
   const { activeNetwork } = useSnapshot(ConnectionsController.state);
   const { networkImages } = useSnapshot(AssetController.state);
   const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
+  const backdropOpacity = useRef(new Animated.Value(0)).current;
+
+  // Handle backdrop animation
+  useEffect(() => {
+    let backdropAnimation: Animated.CompositeAnimation;
+
+    if (visible) {
+      backdropAnimation = Animated.timing(backdropOpacity, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      });
+      backdropAnimation.start();
+    } else {
+      backdropAnimation = Animated.timing(backdropOpacity, {
+        toValue: 0,
+        duration: 50,
+        useNativeDriver: true
+      });
+      backdropAnimation.start();
+    }
+
+    return () => {
+      backdropAnimation?.stop();
+    };
+  }, [visible, backdropOpacity]);
 
   const renderSeparator = () => {
     return <View style={{ height: SEPARATOR_HEIGHT }} />;
@@ -54,7 +81,7 @@ export function SelectorModal({
 
   return (
     <Modal visible={visible} transparent animationType="slide" onRequestClose={onClose}>
-      <View style={styles.modal}>
+      <Animated.View style={[styles.modal, { opacity: backdropOpacity }]}>
         <FlexView style={[styles.container, { backgroundColor: Theme['bg-100'] }]}>
           <FlexView
             alignItems="center"
@@ -115,7 +142,7 @@ export function SelectorModal({
             }
           />
         </FlexView>
-      </View>
+      </Animated.View>
     </Modal>
   );
 }

package/src/partials/w3m-selector-modal/styles.ts

@@ -5,14 +5,15 @@ export default StyleSheet.create({
   modal: {
     flex: 1,
     margin: 0,
-    justifyContent: 'flex-end'
+    justifyContent: 'flex-end',
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
   },
   header: {
     marginBottom: Spacing.s,
     paddingHorizontal: Spacing.m
   },
   container: {
-    height: '80%',
+    height: '90%',
     borderTopLeftRadius: BorderRadius.l,
     borderTopRightRadius: BorderRadius.l,
     paddingTop: Spacing.m

package/src/views/w3m-account-default-view/index.tsx

@@ -1,6 +1,6 @@
 import { useSnapshot } from 'valtio';
 import { useState } from 'react';
-import { Linking, ScrollView } from 'react-native';
+import { Linking } from 'react-native';
 import {
   ApiController,
   CoreHelperUtil,
@@ -16,7 +16,6 @@ import {
   AssetController,
   AssetUtil
 } from '@reown/appkit-core-react-native';
-// import { ConstantsUtil as CommonConstantsUtil } from '@reown/appkit-common-react-native';
 import {
   Avatar,
   Button,
@@ -26,7 +25,7 @@ import {
   UiUtil,
   Spacing,
   ListItem,
-  useCustomDimensions
+  ScrollView
 } from '@reown/appkit-ui-react-native';
 
 import { useInternalAppKit } from '../../AppKitContext';
@@ -77,8 +76,6 @@ export function AccountDefaultView() {
     activeNamespace &&
     ConstantsUtil.ONRAMP_SUPPORTED_NAMESPACES.includes(activeNamespace);
 
-  const { padding } = useCustomDimensions();
-
   async function onDisconnect() {
     setDisconnecting(true);
     await disconnect(ConnectionsController.state.activeNamespace);
@@ -192,8 +189,8 @@ export function AccountDefaultView() {
         onPress={ModalController.close}
         testID="header-close"
       />
-      <ScrollView bounces={false} fadingEdgeLength={20} style={{ paddingHorizontal: padding }}>
-        <FlexView alignItems="center" padding={['3xl', 's', '3xl', 's']}>
+      <ScrollView>
+        <FlexView alignItems="center" padding={['3xl', 's', '2xl', 's']}>
           <Avatar imageSrc={identity?.avatar} address={account ?? ''} />
           <FlexView flexDirection="row" alignItems="center" margin={['s', '0', '0', '0']}>
             <Text variant="medium-title-600">

package/src/views/w3m-account-view/index.tsx

@@ -1,6 +1,5 @@
 import { useSnapshot } from 'valtio';
 import { useEffect } from 'react';
-import { ScrollView } from 'react-native';
 import {
   AccountPill,
   FlexView,
@@ -8,7 +7,8 @@ import {
   IconLink,
   NetworkButton,
   useTheme,
-  useCustomDimensions
+  useCustomDimensions,
+  ScrollView
 } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
@@ -51,7 +51,7 @@ export function AccountView() {
 
   return (
     <ScrollView
-      bounces={false}
+      disablePadding
       contentContainerStyle={[
         styles.contentContainer,
         {

package/src/views/w3m-all-wallets-view/index.tsx

@@ -23,7 +23,7 @@ export function AllWalletsView() {
   const { maxWidth } = useCustomDimensions();
   const [headerHeight, setHeaderHeight] = useState<number>(0);
   const numColumns = 4;
-  const usableWidth = maxWidth - Spacing.xs * 2;
+  const usableWidth = maxWidth - Spacing['s'] * 2;
   const itemWidth = Math.abs(Math.trunc(usableWidth / numColumns));
 
   const { debouncedCallback: onInputChange } = useDebounceCallback({ callback: setSearchQuery });

package/src/views/w3m-connect-socials-view/index.tsx

@@ -1,18 +1,16 @@
 import { useSnapshot } from 'valtio';
-import { ScrollView } from 'react-native';
 import { StringUtil, type SocialProvider } from '@reown/appkit-common-react-native';
 import {
   EventsController,
   OptionsController,
   RouterController
 } from '@reown/appkit-core-react-native';
-import { FlexView, ListSocial, Text, useCustomDimensions } from '@reown/appkit-ui-react-native';
+import { FlexView, ScrollView, ListSocial, Text } from '@reown/appkit-ui-react-native';
 
 import styles from './styles';
 
 export function ConnectSocialsView() {
   const { features } = useSnapshot(OptionsController.state);
-  const { padding } = useCustomDimensions();
   const socialProviders = (features?.socials ?? []) as SocialProvider[];
 
   const onItemPress = (provider: SocialProvider) => {
@@ -26,7 +24,7 @@ export function ConnectSocialsView() {
   };
 
   return (
-    <ScrollView style={{ paddingHorizontal: padding }} bounces={false}>
+    <ScrollView>
       <FlexView padding={['xs', 'm', '2xl', 'm']}>
         {socialProviders.map(provider => (
           <ListSocial