prevent automatic log scrolling if user watching logs

Author: skv-headless

src/view/cli.js

@@ -74,6 +74,7 @@ class LogOutput extends Component {
     super(props);
     this._refresh = true;
     this._ref = React.createRef();
+    this._scrolledToBottom = false;
   }
 
   shouldComponentUpdate() {
@@ -101,12 +102,17 @@ class LogOutput extends Component {
 
   tailLogs() {
     const view = this._ref && this._ref.current;
-    view && view.scrollToEnd({ animated: false });
+    view && !this._scrolledToBottom && view.scrollToEnd({ animated: false });
+  }
+
+  handleScroll = ({ nativeEvent: { contentOffset, contentSize, layoutMeasurement } }) => {
+    const threshold = 10;
+    this._scrolledToBottom = (layoutMeasurement.height + contentOffset.y + threshold) >= contentSize.height;
   }
 
   render() {
     return (
-      <ScrollView ref={this._ref} contentContainerStyle={logStyles.content}>
+      <ScrollView ref={this._ref} contentContainerStyle={logStyles.content} onScroll={this.handleScroll} scrollEventThrottle={16}>
         <Text style={logStyles.text}>{this.printLogs}</Text>
       </ScrollView>
     );