kylefang/react-native
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native.git synced 2026-04-24 04:16:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

add remote image support to toolbar

Browse Source 
Differential Revision: D2493627
This commit is contained in:
Felix Oghină
2015-09-30 05:31:30 -07:00
committed by facebook-github-bot-8
parent ee3f7e9d21
commit 5ca5ec7688
7 changed files with 344 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
Libraries/Components/ToolbarAndroid/ToolbarAndroid.android.js
View File

@@ -13,11 +13,13 @@
var Image = require('Image');
var NativeMethodsMixin = require('NativeMethodsMixin');
var RCTUIManager = require('NativeModules').UIManager;
var React = require('React');
var ReactNativeViewAttributes = require('ReactNativeViewAttributes');
var ReactPropTypes = require('ReactPropTypes');
var requireNativeComponent = require('requireNativeComponent');
var resolveAssetSource = require('resolveAssetSource');
/**
* React component that wraps the Android-only [`Toolbar` widget][0]. A Toolbar can display a logo,
@@ -27,6 +29,12 @@ var requireNativeComponent = require('requireNativeComponent');
*
* If the toolbar has an only child, it will be displayed between the title and actions.
*
* Although the Toolbar supports remote images for the logo, navigation and action icons, this
* should only be used in DEV mode where `require('./some_icon.png')` translates into a packager
* URL. In release mode you should always use a drawable resource for these icons. Using
* `require('./some_icon.png')` will do this automatically for you, so as long as you don't
* explicitly use e.g. `{uri: 'http://...'}`, you will be good.
*
* Example:
*
* ```
@@ -115,16 +123,10 @@ var ToolbarAndroid = React.createClass({
...this.props,
};
if (this.props.logo) {
if (!this.props.logo.isStatic) {
throw 'logo prop should be a static image (obtained via ix)';
}
nativeProps.logo = this.props.logo.uri;
nativeProps.logo = resolveAssetSource(this.props.logo);
}
if (this.props.navIcon) {
if (!this.props.navIcon.isStatic) {
throw 'navIcon prop should be static image (obtained via ix)';
}
nativeProps.navIcon = this.props.navIcon.uri;
nativeProps.navIcon = resolveAssetSource(this.props.navIcon);
}
if (this.props.actions) {
nativeProps.actions = [];
@@ -133,10 +135,10 @@ var ToolbarAndroid = React.createClass({
...this.props.actions[i],
};
if (action.icon) {
if (!action.icon.isStatic) {
throw 'action icons should be static images (obtained via ix)';
}
action.icon = action.icon.uri;
action.icon = resolveAssetSource(action.icon);
}
if (action.show) {
action.show = RCTUIManager.ToolbarAndroid.Constants.ShowAsAction[action.show];
}
nativeProps.actions.push(action);
}