React native custom component

Question

I am trying to use the ios toolbar and import it into a component to use for react native. I don't understand where I went wrong. I am getting the error "uknown module Toolkit.ios.js" when I use var Tool = require('toolkit.ios.js');

The file is there. What Am I missing here? I was trying to follow this tutorial here but with the toolbar component https://facebook.github.io/react-native/docs/native-components-ios.html#content

 #import <Foundation/Foundation.h>

@import UIKit;

#import "RCTViewManager.h"

@interface RCTToolBar : RCTViewManager
@end

@implementation RCTToolBar


RCT_EXPORT_MODULE()

- (UIView *)view
{
  return [[UIToolbar alloc] init];
}

@end

// MapView.js

var React = require('react-native');
var { requireNativeComponent } = React;

// requireNativeComponent automatically resolves this to "RCTMapManager"

class ToolBar extends React.Component {
  render() {
    return <RCTToolBar />;
  }
}

module.exports = requireNativeComponent('RCTToolBar', ToolBar);

edit: messed up on copy and pasting code.

Dave Sibiski · Accepted Answer · 2015-12-11 14:27:54Z

2

You need to require the file with a relative path, something like: var Tool = require('./path/to/componenttoolkit')

Also, you don't need to have ios.js in your require statements, the packager is smart enough to know what your component is and also this will help eventually when you want to have cross platform components.

answered Dec 11, 2015 at 14:27

Dave Sibiski

1,7401 gold badge15 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Train Over a year ago

That was one part of the issue, another was because I was following the example and named the files RCTMapManager.m, they already exist so I was getting duplicate references. Thanks for the input.

Collectives™ on Stack Overflow

React native custom component

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related