[change] ActivityIndicator using CSS animations

Ref #299
2026-04-22 11:16:55 +08:00 · 2017-01-01 19:47:01 -08:00
parent b1cd92a65d
commit cfc56a1354
8 changed files with 291 additions and 57 deletions
--- a/examples/components/ActivityIndicator/ActivityIndicatorExample.js
+++ b/examples/components/ActivityIndicator/ActivityIndicatorExample.js
@@ -50,7 +50,8 @@ const ToggleAnimatingActivityIndicator = React.createClass({
    return (
      <ActivityIndicator
        animating={this.state.animating}
-        style={[styles.centering, {height: 80}]}
+        style={styles.centering}
+        hidesWhenStopped={this.props.hidesWhenStopped}
        size="large"
      />
    );
@@ -121,7 +122,12 @@ const examples = [
  {
    title: 'Start/stop',
    render() {
-      return <ToggleAnimatingActivityIndicator />;
+      return (
+        <View style={[styles.horizontal, styles.centering]}>
+          <ToggleAnimatingActivityIndicator />
+          <ToggleAnimatingActivityIndicator hidesWhenStopped={false} />
+        </View>
+      );
    }
  },
  {