Change appearance of ActivityIndicator

This looks more like a traditional OS-level activity indicator.

The design of the Android activity indicator hasn't worked very well for
us on Web. The main problem is that if the main thread is locked, the
indicator (even if it's a gif) will stop animating and can look really
bad. This implementation looks like an activity indicator even when it
isn't animating.
This commit is contained in:
Nicolas Gallagher
2016-08-31 13:54:00 -07:00
parent 07d1124d60
commit 6640b61b3e
2 changed files with 42 additions and 23 deletions

View File

@@ -59,12 +59,11 @@ const ToggleAnimatingActivityIndicator = React.createClass({
const examples = [
{
title: 'Default (small, white)',
title: 'Default',
render() {
return (
<ActivityIndicator
style={[styles.centering, styles.gray]}
color="white"
style={[styles.centering]}
/>
);
}
@@ -78,7 +77,7 @@ const examples = [
style={[styles.centering]}
/>
<ActivityIndicator
style={[styles.centering, {backgroundColor: '#eeeeee'}]}
style={[styles.centering, styles.gray]}
/>
</View>
);