主页 / 问题 / 624190
Accepted
i am so lame
Asked:2020-02-06 23:34:19 +0000 UTC2020-02-06 23:34:19 +0000 UTC

React Native：Android UI 组件

  • 772

您需要连接组件：

public class MyComponent extends Activity {
...
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.myComponent);
    ...
}
...
}

我为它创建了一个类Manager：

public class MyComponentManager extends SimpleViewManager<MyComponent> {

 public static final String REACT_CLASS = "MyComponent";

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

    private ThemedReactContext mContext = null;
    private Activity mActivity = null;

    @Override
    protected MyComponent createViewInstance(ThemedReactContext context) {
        mContext = context;
        return new MyComponent(mContext);
    }

    public MyComponentManager(Activity activity) {
        mActivity = activity;
    }
}

, 类Package:

public class MyComponentPackage implements ReactPackage {

private Activity mActivity = null;

public MyComponentPackage(Activity activity) {
    mActivity = activity;
}

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

@Override
public List<Class<? extends JavaScriptModule>> createJSModules() {
    return Collections.emptyList();
}

@Override
public List<ViewManager>
createViewManagers(ReactApplicationContext reactContext) {
    return Arrays.<ViewManager>asList(
            new MyComponentManager(mActivity)
    );
}
}

并将其放入文件中myComponent.js：

import React from 'react';

import {
    View,
    requireNativeComponent
} from 'react-native';

export default requireNativeComponent('MyComponent');

只有在MyComponentManager应该SimpleViewManager服务class extends View，但对我来说 - Activity。如何连接我的组件？

java

2 个回答

  1. 您的组件是否需要从 Activity 继承？如果不需要 - 做一个自定义视图：

    public
class
MyComponent extends FrameLayout {

    public MyComponent(Context context)
    {
        super(context);
        Layoutinflater.from(context).inflate(R.layout.myComponent, this, true);
    }
    ...
}
    • 3
  2. Best Answer

    一般情况下，只需要在 MainApplication.java 文件中注册 Package 类即可：

    @Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
      new MainReactPackage(),
      new MyComponentPackage() 
  );
}

    在此之前，当然，您可以自己想到，但官方手册中对此只字未提的事实具有误导性。您还需要在 myComponent.js 中指定默认属性类型：

    import React, {
    PropTypes
} from 'react';

import {
    View,
    requireNativeComponent
} from 'react-native';

let iface = {
    name: 'MyComponent',
    propTypes: {
        ...View.propTypes
    }
};

export default requireNativeComponent('MyComponent', iface);

    您不需要从视图继承我的活动，而只需从视图类中运行它：

    Intent newIntent = new Intent(context, MyComponent.class);
newIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
context.startActivity(newIntent);
    • 1

相关问题