Компонент ViewManager не отображается на стороне реакции в симуляторе Android
Я создаю компонент Native Ui следующим образом: он успешно скомпилирован, но не отображается на симуляторе Android. Вот простой код ProgressBarManager
public class ProgressBarManager extends SimpleViewManager<ProgressBar> {
public static final String REACT_CLASS = "ProgressBar";
@Override
public String getName() {
return REACT_CLASS;
}
@Override
protected ProgressBar createViewInstance(
ThemedReactContext reactContext) {
return new ProgressBar(reactContext);
}
}
Вот pacakge этого ProgressBarManager
public class ProgressBarPackage implements ReactPackage {
@Override
public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
return Collections.emptyList();
}
@Override
public List<ViewManager> createViewManagers(
ReactApplicationContext reactContext) {
return Collections.<ViewManager>singletonList(
new ProgressBarManager()
);
}}
Я называю этот пакет в MainApplication.java и называю это со стороны actNative, как это
import {
NativeModules,
requireNativeComponent,
View
}from 'react-native';
var iface = {
name: 'ProgressBar',
propTypes: {
...View.propTypes // include the default view properties
},
};
var ProgressBar = requireNativeComponent('ProgressBar', iface);
export default ProgressBar;
я называю этот компонент как
import React from 'react';
import {View, Text , StyleSheet} from 'react-native';
import Progress from './NativeModule';
const ProgressBarComponent =()=>{
console.warn(Progress);
return(
<View>
<Text>React World </Text>
<Text> This is coming from Java World </Text>
<Progress />
</View>
)
}
export default ProgressBarComponent;
Я могу показывать только текст "React World" и "Это исходит от Java World"