Компонент 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"

0 ответов

Другие вопросы по тегам