Page 1 of 1

App Bottom Navigation Bar überlappende UI -Elemente auf Samsung S24 Ultra

Posted: 05 Sep 2025, 00:27
by Anonymous
Bottom Navigation Bar überlappende UI -Elemente in Plaid -Link auf Samsung Galaxy S24 Ultra (React Native)
Ich habe ein Problem, bei dem die untere Navigationsleiste den "Fortsetzung" als Gast "-Knopf und andere UI -Elemente am unteren RAID -Schieber auf dem Samsung Galaxy S24 Ultra und ähnlichem E24 -Entwicklungselemente und ähnlichem E24 -E24 -E24 -E24 -E24 -E24 -E24 -Entwicklungen. />Environment:
Plaid Link React Native: 12.1.1
React Native Version: 0.79.1
Android OS Version: 14.0+
Devices: Samsung Galaxy S24 Ultra
Issue:
The bottom navigation bar covers the bottom UI elements, making Es ist schwer zu interagieren.

Code: Select all

import { create, open, dismissLink, LinkSuccess, LinkExit, LinkIOSPresentationStyle, LinkLogLevel} from 'react-native-plaid-link-sdk';

const handleConnectBank = () => {
const openProps = createLinkOpenProps();
open(openProps);
};

const createLinkOpenProps = () => {
return {
onSuccess: async success => {
setLoading(true);
console.log('createLinkOpenProps: ', success);
console.log('createLinkOpenPropsPublicToken: ', success.publicToken);
console.log('createLinkOpenPropAccounts: ', success.metadata.accounts);
// Create an array of promises for all API calls
callExchangePublicToken(success.metadata.accounts, success.publicToken);
},
onExit: linkExit => {
setLoading(false);
console.log('Exit: ', linkExit);
dismissLink();
setTimeout(() => {
setLinkToken(null);
}, 100);
},
iOSPresentationStyle: LinkIOSPresentationStyle.MODAL,
logLevel: LinkLogLevel.ERROR,
};
};

const createLinkToken = useCallback(async () => {
console.log('press connect bank');
setLoading(true);
makeRequest({
url: `api/plaid/v1/create-link-token?customerId=${user.businessInfo.id}`,
method: 'GET',
onSuccess: data => {
setLoading(false);
console.log('linkToken: ', data);
setLinkToken(data);
},
onFailure: error => {
setLoading(false);
},
});
});

useEffect(() => {
if (linkToken == null) {
createLinkToken();
} else {
console.log('linkToken: ', linkToken.linkToken);
const tokenConfiguration = createLinkTokenConfiguration(
linkToken.linkToken,
);
create(tokenConfiguration);
}
}, [linkToken]);