fix: Android UI bugs

src/components/common/modal/ModalActionsByFeedType.js

@@ -345,7 +345,7 @@ const ModalActionsByFeedType = ({ theme, styles, item, handleModalClose, navigat
 
 const getStylesFromProps = ({ theme }) => ({
   buttonsView: {
-    alignItems: 'flex-end',
+    alignItems: 'flex-start',
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'flex-end',

src/components/dashboard/Dashboard.js

@@ -313,6 +313,7 @@ const Dashboard = props => {
   const [activeTab, setActiveTab] = useState(FeedCategories.All)
   const [getCurrentTab] = usePropsRefs([activeTab])
   const { onGiveUp } = useGiveUpDialog(navigation, 'cancelled')
+  const staticScrollbarOffset = useRef(0)
 
   const { currentNetwork } = useSwitchNetwork()
 
@@ -350,7 +351,7 @@ const Dashboard = props => {
 
   const sendReceiveAnimStyles = {
     width: '100%',
-    marginTop: headerLarge ? 5 : 0,
+    marginTop: 5,
     transform: [
       {
         translateY: sendReceiveMinimzedYAnimValue.interpolate({
@@ -825,7 +826,8 @@ const Dashboard = props => {
       const scrollPosition = nativeEvent.contentOffset.y
       const { minScrollRequiredISH, scrollPositionGap, isFeedSizeEnough } = scrollData
       const scrollPositionISH = scrollPosition + scrollPositionGap
-      setHeaderLarge(!isFeedSizeEnough || scrollPositionISH < minScrollRequiredISH)
+
+      setHeaderLarge(!isFeedSizeEnough || scrollPositionISH > minScrollRequiredISH)
     },
     [scrollData, setHeaderLarge],
   )

src/components/dashboard/FeedList.js

@@ -70,14 +70,10 @@ const FeedList = ({
   const goodWallet = useWallet()
   const userStorage = useUserStorage()
   const feeds = useFeeds(data)
+  const [showButton, setShowButton] = useState(true)
 
   const handleItemSelection = handleFeedSelection
 
-  // shouldnt be required with latest react-native-web
-  // const onScrollStart = useCallback(() => setAbleItemSelection(false), [setAbleItemSelection])
-
-  // const onScrollEnd = useCallback(() => setAbleItemSelection(true), [setAbleItemSelection])
-
   const scrollToTop = useCallback(() => {
     const list = get(flRef, 'current._flatListRef', {})
 
@@ -86,6 +82,9 @@ const FeedList = ({
     }
   }, [])
 
+  const handleHideButton = () => setShowButton(false)
+
+  const handleShowButton = () => setShowButton(true)
   const renderItemComponent = useCallback(
     ({ item, index }) => <Item item={item} handleFeedSelection={handleItemSelection} index={index} />,
     [handleItemSelection],
@@ -211,6 +210,11 @@ const FeedList = ({
     }
   }, [setShowBounce, userStorage])
 
+  const handleMomentum = useCallback((event: any) => {
+    _onScrollEnd(event)
+    handleShowButton()
+  })
+
   return displayContent ? (
     <>
       <AnimatedSwipeableFlatList
@@ -229,18 +233,19 @@ const FeedList = ({
         numColumns={1}
         onEndReached={onEndReached}
         onEndReachedThreshold={onEndReachedThreshold}
-        onMomentumScrollEnd={_onScrollEnd}
+        onMomentumScrollEnd={handleMomentum}
         refreshing={false}
         renderItem={renderItemComponent}
         ListHeaderComponent={listHeaderComponent}
         ListFooterComponent={listFooterComponent}
         renderQuickActions={renderQuickActions}
         viewabilityConfig={VIEWABILITY_CONFIG}
+        onScrollBeginDrag={handleHideButton}
         onScroll={onScroll}
         ref={flRef}
         windowSize={windowSize}
       />
-      <ScrollToTopButton onPress={scrollToTop} show={headerLarge} />
+      {showButton && <ScrollToTopButton onPress={scrollToTop} show={headerLarge} />}
     </>
   ) : null
 }

src/components/dashboard/__tests__/__snapshots__/FeedModalList.js.snap

@@ -268,7 +268,7 @@ Array [
                                 </div>
                               </div>
                               <div
-                                className="css-view-1dbjc4n r-alignItems-obd0qt r-display-6koalj r-flexDirection-18u37iz r-flexWrap-1w6e6rj r-justifyContent-17s6mgv r-marginTop-14gqq1x r-width-13qz1uu"
+                                className="css-view-1dbjc4n r-alignItems-1habvwh r-display-6koalj r-flexDirection-18u37iz r-flexWrap-1w6e6rj r-justifyContent-17s6mgv r-marginTop-14gqq1x r-width-13qz1uu"
                               >
                                 <div
                                   className="css-view-1dbjc4n r-display-6koalj r-justifyContent-1777fci r-padding-t60dpp"