Раздувать макет Android

Question

Я пытаюсь загрузить XML-файл макета Android в реагирующий нативный файл.

Custom_android_view.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_centerInParent="true"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_marginHorizontal="10dp"
        android:id="@+id/txtView1"
        android:textSize="20dp"   
        android:text="Android Text View"
        android:layout_height="wrap_content" />

</LinearLayout>

Я надуваю XML-файл в этом классе Java:

файл customView.Java

package com.rnanduicomp;
import android.content.Context;
import android.widget.LinearLayout;   

public class CustomView extends LinearLayout {

    public CustomView(Context context) {
        super(context);
    }

    public void init() {
        inflate(getContext(), R.layout.custom_android_view, this);
    }
}

мой файл customViewPackage

package com.rnanduicomp; 
import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;
import java.util.Collections;
import java.util.List;

public class CustomViewPackage implements ReactPackage {
    @Override
    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
        return Collections.emptyList();
    }

    @Override
    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
        return Collections.<ViewManager>singletonList(
                new CustomeViewManager()
        );
    }
}

мой customViewManager

    package com.rnanduicomp;

import com.facebook.react.uimanager.SimpleViewManager;
import com.facebook.react.uimanager.ThemedReactContext;

public class CustomeViewManager extends SimpleViewManager<CustomView> {

    public final String REACT_CLASS="CustomLinearView";

    @Override
    public String getName() {
        return REACT_CLASS;
    }

    @Override
    protected CustomView createViewInstance(ThemedReactContext reactContext) {
        return new CustomView(reactContext);
    }
}

customViewPackage загружен в файл mainapplication.java.

мой customLinearView.js в собственном реактиве

import React, { requireNativeComponent,View, Component,ViewPropTypes } from "react-native";



module.exports=requireNativeComponent('CustomLinearView');

в app.js

import CustomLinearView from "./Native-Modules/CustomLinearView.js";

при импорте в app.js и загрузке компонента.Это показывает пустую страницу.дайте мне знать, как решить эту проблему.