Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Use copilot with custom native-base components

See original GitHub issue

It seems not possible to highlight buttons in the walkthrough. I call this.props.start(); so that shouldn’t be the problem. It might have to do with the custom components in native-base. If we are using the normal components it works perfectly, but with the custom components, it won’t.

How can I make copilot work with custom native-base components?

Issue Analytics

State:
Created 5 years ago
Comments:17 (8 by maintainers)

Top GitHub Comments

6reactions

danielangcommented, Jun 19, 2018

You can add:

copilot({
    androidStatusBarVisible: false
}),

4reactions

sujitpk-perennialcommented, Jun 15, 2018

@mohebifar I found that

In style.js tooltipText: { }

When I added like 

tooltipText: {
    color: 'rgba(20,20,20,1)'
  }

Then I am able to see the color for text in Android.

In CopilotModel.js file, I found one condition that

if (this.props.androidStatusBarVisible && Platform.OS === ‘android’) { obj.top -= StatusBar.currentHeight; // eslint-disable-line no-param-reassign }


   When I commented obj.top -= StatusBar.currentHeight; then I am able to see the badge number properly.

Top Results From Across the Web

Use copilot with custom native-base components #31 - GitHub

Only "native" components can be made walkthroughable using the walkthroughable helper. https://github.com/okgrow/react-native-copilot#custom- ...

How to pass a already implemented ... - Stack Overflow

Finally add the copilot step and use the new Walkthroughable component in place where you would've used TouchableOpacity .

Customizing Components - NativeBase

Using NativeBase's extendTheme function, we can customise components. Components can be customised by overriding baseStyle/defaultProps or adding a new variant.

Shoud i use nativebase for creating UI component in my react ...

Personally I like to make custom components. ... I am using native base with custom designs. ... A GitHub Copilot Extension for Xcode....

How to pass a already implemented Component inside the ...

import { copilot, walkthroughable, CopilotStep } from "@okgrow/react-native-copilot"; import { Icon } from "native-base"; import React, { Component } from ...