brentvatne

╭─ ~/universe/apps/rnplay flow
node_modules/react-native/Libraries/StyleSheet/StyleSheet.js:135
135:     for (var key in obj) {
                         ^^^ T. This type is incompatible with
135:     for (var key in obj) {
         ^ iteration expected on object

node_modules/react-native/Libraries/StyleSheet/StyleSheet.js:137
137:       result[key] = ReactNativePropRegistry.register(obj[key]);
                                                          ^^^^^^^^ access of computed property/element. Computed property/element cannot be accessed on

brentvatne

/**
 * @providesModule AuthenticationScreen
 * @flow
 */

export default class AuthenticationScreen extends React.Component {
  render() {
    // vvv typo on styles.container, but Flow doesn't care
    return (
      <View style={styles.continer} /> 

brentvatne

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,

brentvatne

NavigationExperimental notes

Containers

RootNavigationContainer

• You pass the reducer to this, it actually ultimately receives all navigation calls via onNavigate, which is mostly equivalent to Redux dispatch. It setState and persisting state. it is like the redux "store"

brentvatne

/**
 * @providesModule IncrementalListView
 */
'use strict';

var InteractionManager = require('InteractionManager');
var LayoutAnimation = require('LayoutAnimation');
var ListViewDataSource = require('ListViewDataSource');
var RCTScrollViewManager = require('NativeModules').ScrollViewManager;
var React = require('React');

brentvatne

/**
 * Copyright 2004-present Facebook. All Rights Reserved.
 *
 * @providesModule ViewabilityHelper
 * @flow
 */
'use strict';

const ViewabilityConsts = {
  VIEWABLE_PERCENT_THRESHOLD: 50,

brentvatne

/**
 * Copyright 2004-present Facebook. All Rights Reserved.
 *
 * @providesModule WindowedListView
 * @flow
 */
'use strict';

var React = require('React');
var ScrollView = require('ScrollView');

brentvatne

var React = require('react-native');

var {
  ListView,
  LayoutAnimation,
  View,
  Animated,
  PanResponder,
  TouchableWithoutFeedback
} = React;

brentvatne

/**
 * @providesModule FeedView
 */
'use strict';

var InteractionManager = require('InteractionManager');
var LayoutAnimation = require('LayoutAnimation');
var ListViewDataSource = require('ListViewDataSource');
var RCTScrollViewManager = require('NativeModules').ScrollViewManager;
var React = require('React');

brentvatne

/**
 * Copyright 2015-present 650 Industries. All rights reserved.
 *
 * @providesModule FeedView
 */
'use strict';

var ListViewDataSource = require('ListViewDataSource');
var React = require('react-native');
var RCTScrollViewManager = require('NativeModules').ScrollViewManager;