feat: Upgrade to React Native 0.60.0 / CocoaPods / Android X. (#513)

BREAKING CHANGE: You should upgrade React Native. See https://facebook.github.io/react-native/blog/2019/07/03/version-60
2026-09-01 22:31:06 +00:00 · 2019-07-04 23:49:38 -04:00
parent df769056f4
commit 5489f9ec4b
221 changed files with 3916 additions and 15655 deletions
@@ -0,0 +1,72 @@
+import React, { Component } from 'react'
+import { StyleSheet, View } from 'react-native'
+import withCacheBust from './withCacheBust'
+import SectionFlex from './SectionFlex'
+import FastImage from 'react-native-fast-image'
+import Section from './Section'
+import FeatureText from './FeatureText'
+
+const GIF_URL =
+    'https://cdn-images-1.medium.com/max/1600/1*-CY5bU4OqiJRox7G00sftw.gif'
+
+class AutoSizingImage extends Component {
+    state = {
+        height: 0,
+        width: 0,
+    }
+
+    onLoad = e => {
+        const {
+            nativeEvent: { width, height },
+        } = e
+        this.setState({ width, height })
+        if (this.props.onLoad) this.props.onLoad(e)
+    }
+
+    getHeight = () => {
+        if (!this.state.height) return this.props.defaultHeight
+        const ratio = this.state.height / this.state.width
+        const height = this.props.width * ratio
+        return height
+    }
+
+    render() {
+        const height = this.getHeight()
+        return (
+            <FastImage
+                {...this.props}
+                onLoad={this.onLoad}
+                style={[{ width: this.props.width, height }, this.props.style]}
+            />
+        )
+    }
+}
+
+AutoSizingImage.defaultProps = {
+    defaultHeight: 300,
+}
+
+const AutoSizeExample = ({ onPressReload, bust }) => (
+    <View>
+        <Section>
+            <FeatureText text="• AutoSize." />
+        </Section>
+        <SectionFlex onPress={onPressReload}>
+            <AutoSizingImage
+                style={styles.image}
+                width={200}
+                source={{ uri: GIF_URL + bust }}
+            />
+        </SectionFlex>
+    </View>
+)
+
+const styles = StyleSheet.create({
+    image: {
+        backgroundColor: '#ddd',
+        margin: 20,
+        flex: 0,
+    },
+})
+
+export default withCacheBust(AutoSizeExample)