status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Docs for @ReactProp

This commit is contained in:
Krzysztof Magiera 2015-10-28 20:37:14 +00:00
parent 5b426c2a18
commit ec104e9fba
1 changed files with 6 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
docs/NativeComponentsAndroid.md
View File

@ -67,44 +67,21 @@ Setter declaration requirements for methods annotated with `@ReactPropGroup` are
```java ```java
@ReactProp(name = "src") @ReactProp(name = "src")
public void setSrc(ReactImageView view, String src) { public void setSrc(ReactImageView view, @Nullable String src) {
view.setSource(src);
} }
@ReactProp(name = "borderRadius") @ReactProp(name = "borderRadius", defaultFLoat = 0f)
public void setBorderRadius(ReactImageView view, float borderRadius) { public void setBorderRadius(ReactImageView view, float borderRadius) {
view.setBorderRadius(borderRadius);
} }
@ReactProp(name = ViewProps.RESIZE_MODE) @ReactProp(name = ViewProps.RESIZE_MODE)
public void setResizeMode(ReactImageView view, String resizeMode) { public void setResizeMode(ReactImageView view, @Nullable String resizeMode) {
view.setScaleType(ImageResizeMode.toScaleType(resizeMode));
} }
``` ```
## 4. Implement method `updateView`
Setting properties on a view is not handled by automatically calling setter methods as it is on iOS; for Android, you manually invoke the setters via the `updateView` of your `ViewManager`. Values are fetched from the `CatalystStylesDiffMap` and dispatched to the `View` instance as required. It is up to a combination of `updateView` and the `View` class to check the validity of the properties and behave accordingly.
```java
@Override
public void updateView(final ReactImageView view,
final CatalystStylesDiffMap props) {
super.updateView(view, props);
if (props.hasKey(PROP_RESIZE_MODE)) {
view.setScaleType(
ImageResizeMode.toScaleType(props.getString(PROP_RESIZE_MODE)));
}
if (props.hasKey(PROP_SRC)) {
view.setSource(props.getString(PROP_SRC));
}
if (props.hasKey(PROP_BORDER_RADIUS)) {
view.setBorderRadius(props.getFloat(PROP_BORDER_RADIUS, 0.0f));
}
view.maybeUpdateView();
}
}
```
## 5. Register the `ViewManager` ## 5. Register the `ViewManager`
The final Java step is to register the ViewManager to the application, this happens in a similar way to [Native Modules](NativeModulesAndroid.md), via the applications package member function `createViewManagers.` The final Java step is to register the ViewManager to the application, this happens in a similar way to [Native Modules](NativeModulesAndroid.md), via the applications package member function `createViewManagers.`