Update defaultNewItemAlertComponent triangle position for inverted ho…

…rizontal orientation, publish version 1.10.1.
chubillkelvin · May 1, 2021 · 2e1b677 · 2e1b677
1 parent 015083d
commit 2e1b677
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/demo/horizontal-inverted.gif b/demo/horizontal-inverted.gif
diff --git a/src/component/AutoScrollFlatList.tsx b/src/component/AutoScrollFlatList.tsx
@@ -204,12 +204,14 @@ export class AutoScrollFlatList<T> extends React.PureComponent<Props<T>, State>
 
     private renderDefaultNewItemAlertComponent = (newItemCount: number, translateY: Animated.Value) => {
         const {inverted, horizontal, newItemAlertMessage, newItemAlertContainerStyle, newItemAlertTextStyle} = this.props;
-        const message = newItemAlertMessage ? newItemAlertMessage(newItemCount) : `${newItemCount} new item${newItemCount > 1 ? "s" : ""}`;
+        const direction = this.getTriangleDirection();
+        const message = newItemAlertMessage ? newItemAlertMessage(newItemCount) : `${direction === "left" ? " " : ""}${newItemCount} new item${newItemCount > 1 ? "s" : ""}`;
         const position = inverted && !horizontal ? {bottom: translateY} : {top: translateY};
         return (
             <Animated.View style={[styles.newItemAlert, newItemAlertContainerStyle, position]}>
+                {direction === "left" && <Triangle size={4} direction={direction} />}
                 <Text style={[styles.alertMessage, newItemAlertTextStyle]}>{message}</Text>
-                <Triangle size={4} direction={this.getTriangleDirection()} />
+                {direction !== "left" && <Triangle size={4} direction={direction} />}
             </Animated.View>
         );
     };

diff --git a/src/package.json b/src/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-autoscroll-flatlist",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "An enhanced React Native FlatList component to provide auto-scrolling functionality",
   "author": "Kelvin Chu <chubillkelvin@gmail.com> (github.com/RageBill)",
   "license": "MIT",