janicduplessis

[...]

class App extends Component {
  constructor(props) {
    [...]

    const scrollAnim = new Animated.Value(0);
    const offsetAnim = new Animated.Value(0);

    this.state = {

janicduplessis

input | output
0     | 0
20    | 20
40    | 20
60    | 20
50    | 10
40    | 0
50    | 10
20    | 0

janicduplessis

[...]

const AnimatedListView = Animated.createAnimatedComponent(ListView);

class App extends Component {
  [...]
  
  render() {
    const { clampedScroll } = this.state;

janicduplessis

[...]

class App extends Component {
  [...]

  _onScrollEndDrag = () => {
    this._scrollEndTimer = setTimeout(this._onMomentumScrollEnd, 250);
  };

  _onMomentumScrollBegin = () => {

janicduplessis

[...]

class App extends Component {
  _clampedScrollValue = 0;
  _offsetValue = 0;
  _scrollValue = 0;
  
  [...]

  componentDidMount() {

janicduplessis

[...]
 
class App extends Component {
  [...]
  _onMomentumScrollEnd = () => {
    const toValue = this._scrollValue > NAVBAR_HEIGHT &&
      this._clampedScrollValue > (NAVBAR_HEIGHT - STATUS_BAR_HEIGHT) / 2
      ? this._offsetValue + NAVBAR_HEIGHT
      : this._offsetValue - NAVBAR_HEIGHT;

janicduplessis

// @flow

import React, { Component } from 'react';
import {
  VirtualizedList,
  View,
  ScrollView,
  StyleSheet,
  // $FlowFixMe
  findNodeHandle,

janicduplessis

// @flow

/**
 * Enables Fiber by changing the ReactNativeFeatureFlags.js file. This is likely
 * to break when updating React Native, make sure the file hasn't changed location.
 */
const path = require('path');
const { sed } = require('shelljs');

const REACT_FLAGS_FILE = path.resolve(

janicduplessis

// @flow

const path = require('path');
const { find, sed } = require('shelljs');

const NODE_MODULES = path.resolve(__dirname, '../node_modules');

const files = find(NODE_MODULES).filter(
  file =>
    file.match(/.*build.gradle$/) &&

janicduplessis

// @flow

import * as React from 'react';
import { AppState } from 'react-native';

import { Environment, RecordSource, Store } from 'relay-runtime';
import { QueryRenderer } from 'react-relay';

import ErrorView from './components/ErrorView';
import LoadingView from './components/LoadingView';