ImageResizeMode is an Enum for different image resizing modes, set via the
resizeMode style property on Image components. The values are contain, cover,
stretch, center, repeat.
The mechanism that should be used to resize the image when the image's dimensions
+differ from the image view's dimensions. Defaults to auto.
auto: Use heuristics to pick between resize and scale.
resize: A software operation which changes the encoded image in memory before it
+gets decoded. This should be used instead of scale when the image is much larger
+than the view.
scale: The image gets drawn downscaled or upscaled. Compared to resize, scale is
+faster (usually hardware accelerated) and produces higher quality images. This
+should be used if the image is smaller than the view. It should also be used if the
+image is slightly bigger than the view.
When the image is resized, the corners of the size specified
by capInsets will stay a fixed size, but the center content and borders
of the image will be stretched. This is useful for creating resizable
diff --git a/releases/next/docs/using-navigators.html b/releases/next/docs/using-navigators.html
index 420a8451739..b36e0a5da0d 100644
--- a/releases/next/docs/using-navigators.html
+++ b/releases/next/docs/using-navigators.html
@@ -42,43 +42,46 @@ AppRegistry.
index:1,});
-navigator.pop();
A more complete example that demonstrates the pushing and popping of routes could therefore look something like this:
import React,{ Component, PropTypes } from 'react';
-import { Navigator, Text, TouchableHighlight, View } from 'react-native';
+navigator.pop();
A more complete example that demonstrates the pushing and popping of routes. Edit your index*.js file to look something like this:
import React,{ Component } from 'react';
+import { AppRegistry, Navigator, Text, View } from 'react-native';
-export default class SimpleNavigationApp extends Component{
+import MyScene from './MyScene';
+
+class SimpleNavigationApp extends Component{render(){return(
<Navigator
initialRoute={{ title:'My Initial Scene', index:0}}
- renderScene={(route, navigator)=>{
- return(
- <MyScene
- title={route.title}
+ renderScene={(route, navigator)=>
+ <MyScene
+ title={route.title}
- // Function to call when a new scene should be displayed
- onForward={()=>{
- const nextIndex = route.index +1;
- navigator.push({
- title:'Scene '+ nextIndex,
- index: nextIndex,
- });
- }}
+ // Function to call when a new scene should be displayed
+ onForward={()=>{
+ const nextIndex = route.index +1;
+ navigator.push({
+ title:'Scene '+ nextIndex,
+ index: nextIndex,
+ });
+ }}
- // Function to call to go back to the previous scene
- onBack={()=>{
- if(route.index >0){
- navigator.pop();
- }
- }}
- />
- )
- }}
+ // Function to call to go back to the previous scene
+ onBack={()=>{
+ if(route.index >0){
+ navigator.pop();
+ }
+ }}
+ />
+ }/>)}}
-class MyScene extends Component{
+AppRegistry.registerComponent('SimpleNavigationApp',()=> SimpleNavigationApp);
React Native is following a 2-week train release. Every two weeks, a Release Candidate (rc) branch is created off of master and the previous rc branch is being officially released.
React Native is following a 2-week train release. Every two weeks, a Release Candidate (rc) branch is created off of master and the previous rc branch is being officially released.
React Native is following a 2-week train release. Every two weeks, a Release Candidate (rc) branch is created off of master and the previous rc branch is being officially released.
React Native is following a 2-week train release. Every two weeks, a Release Candidate (rc) branch is created off of master and the previous rc branch is being officially released.
React Native