peterpme

import { compose } from "redux";
import { compose } from "react-apollo";

// your InfoScreen implementation
// bottom of file:

export default compose(
  connect(mapStateToProps, mapActionCreators),
  withLoadingScreen
)(InfoScreen)

peterpme

import * as React from "react";
import hoistNonReactStatics from 'hoist-non-react-statics';
import { View, ActivityIndicator } from "react-native";

const withLoadingScreen = (size = "small") => WrappedComponent => {
  class LoadingScreen extends React.PureComponent {
    render() {
      if (this.props.loading) return <ActivityIndicator size={size} color="white" />
      return <WrappedComponent {...this.props} />;
    }

peterpme

import * as React from "react";
import hoistNonReactStatics from 'hoist-non-react-statics';
import { View, ActivityIndicator } from "react-native";

const withLoadingScreen = WrappedComponent => {
  class LoadingScreen extends React.PureComponent {
    render() {
      if (this.props.loading) return <ActivityIndicator size="small" color="white" />
      return <WrappedComponent {...this.props} />;
    }

peterpme

import * as React from "react";
import { View, ActivityIndicator } from "react-native";

const withLoadingScreen = WrappedComponent => {
  return class LoadingScreen extends React.PureComponent {
    render() {
      if (this.props.loading) return <ActivityIndicator size="small" color="white" />
      return <WrappedComponent {...this.props} />;
    }
  };

peterpme

class InfoScreen extends React.PureComponent {
  render() {
    if (this.props.loading) return <ActivityIndicator />
    return (
      <View style={styles.container}>
        <Text>Hi</Text>
      </View>
    )
  }
}

peterpme

import React from 'react'
import { View, Text, StyleSheet } from 'react-native'

const Label = ({ label }) => (
  <View style={styles.container}>
     <Text style={styles.label}>{label}</Text>
  </View>
)

const styles = StyleSheet.create({

peterpme

type User = {
  id: ID!
  first_name: String
  last_name: String
  email_verified: Boolean!
}

input UpdateUserInput {
  first_name: String
  last_name: String

peterpme

open BsReactNative;

let component = ReasonReact.statelessComponent("Label");

let styles =
  StyleSheet.create(
    Style.(
      {
        "container":
          style([

peterpme

{
  "name": "altos-react-native",
  "reason": {"react-jsx" : 2},
  "bsc-flags": ["-bs-super-errors"],
  "package-specs": [{
    "module": "commonjs",
    "in-source": true
  }],
  "suffix": ".bs.js",
  "namespace": true,

peterpme

const Layout = () => (
  <ScrollView
    contentContainerStyle={{
      flexGrow: 1,
      justifyContent: 'space-between'
  }}>
     <Row />
     <Row />
     <Row />
     <Row />