mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2024-11-19 01:40:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

ADD: onScrollToIndexFailed for Wallet Carousel

Browse Source
This commit is contained in:
Marcos Rodriguez Vélez 2021-07-24 11:01:11 -04:00
parent 0a7d027544
commit 1204032b20
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/WalletsCarousel.js
View File

@ -353,6 +353,17 @@ const WalletsCarousel = forwardRef((props, ref) => {
}, },
})); }));
const onScrollToIndexFailed = error => {
console.log('onScrollToIndexFailed');
console.log(error);
flatListRef.current.scrollToOffset({ offset: error.averageItemLength * error.index, animated: true });
setTimeout(() => {
if (props.data.length !== 0 && flatListRef.current !== null) {
flatListRef.scrollToIndex({ index: error.index, animated: true });
}
}, 100);
};
const { width } = useWindowDimensions(); const { width } = useWindowDimensions();
const sliderHeight = 190; const sliderHeight = 190;
const itemWidth = width * 0.82 > 375 ? 375 : width * 0.82; const itemWidth = width * 0.82 > 375 ? 375 : width * 0.82;
@ -360,7 +371,7 @@ const WalletsCarousel = forwardRef((props, ref) => {
<FlatList <FlatList
ref={flatListRef} ref={flatListRef}
renderItem={renderItem} renderItem={renderItem}
extraData={renderItem} extraData={props.data}
keyExtractor={(_, index) => index.toString()} keyExtractor={(_, index) => index.toString()}
showsVerticalScrollIndicator={false} showsVerticalScrollIndicator={false}
pagingEnabled pagingEnabled
@ -373,6 +384,7 @@ const WalletsCarousel = forwardRef((props, ref) => {
initialNumToRender={10} initialNumToRender={10}
ListHeaderComponent={ListHeaderComponent} ListHeaderComponent={ListHeaderComponent}
style={props.horizontal ? { height: sliderHeight + 9 } : {}} style={props.horizontal ? { height: sliderHeight + 9 } : {}}
onScrollToIndexFailed={onScrollToIndexFailed}
{...props} {...props}
/> />
); );
@ -383,6 +395,7 @@ WalletsCarousel.propTypes = {
selectedWallet: PropTypes.string, selectedWallet: PropTypes.string,
onPress: PropTypes.func.isRequired, onPress: PropTypes.func.isRequired,
handleLongPress: PropTypes.func.isRequired, handleLongPress: PropTypes.func.isRequired,
data: PropTypes.array,
}; };
export default WalletsCarousel; export default WalletsCarousel;

2
index.js
View File

@ -5,7 +5,7 @@ import App from './App';
import { BlueStorageProvider } from './blue_modules/storage-context'; import { BlueStorageProvider } from './blue_modules/storage-context';
import { enableScreens } from 'react-native-screens'; import { enableScreens } from 'react-native-screens';
const A = require('./blue_modules/analytics'); const A = require('./blue_modules/analytics');
enableScreens(false) enableScreens(false);
if (!Error.captureStackTrace) { if (!Error.captureStackTrace) {
// captureStackTrace is only available when debugging // captureStackTrace is only available when debugging
Error.captureStackTrace = () => {}; Error.captureStackTrace = () => {};