Using syntax-highlighter inside a scrollview

[ahetawal-p]

Hello,
I need to render multiple SyntaxHighlighter components inside a parent scrollview based on the data I receive.
While embedding even a single SyntaxHighlighter component in a scrollview, the scrolling seems to be messed up. And I come down to a state where I can only scroll within the highlighter but not on my original scrollview. Once reaching this state, I am not able to move anywhere in the scrollview and get stuck.
Any best practices to resolve this, for supporting scrolling views.

Thank you,

[conorhastings]

To get around this you can pass PreTag={View} as an argument to each Syntaxhighlighter so it respects the outer scrollview

let me know if that works for you

[ahetawal-p]

Using it like this now

<SyntaxHighlighter
         key={key}
         language={language}
         style={dracula}
         PreTag={View} >
    {codeString}
</SyntaxHighlighter>

But rendering seems to be messed up now. The code string text is getting cut off.

On iOS

[conorhastings]

@ahetawal-p can you post the code string (or a piece of it)

[ahetawal-p]

Here is the above code string

public class Utils {


    public boolean isFullCompleteTree(Tree<Integer> t) {
            TreeInfo rootInfo = isFullCompleteTree(t.getRoot());
            return rootInfo.valid;
        }
    public TreeInfo isFullCompleteTree(Node<Integer> node) {
        boolean valid = true;

        if (node == null) {
            return new TreeInfo(true, 0);
        }

        TreeInfo rightInfo = isFullCompleteTree(node.goRight());
        TreeInfo leftInfo = isFullCompleteTree(node.goLeft());

        if ((!rightInfo.valid) || (!leftInfo.valid)) {
            valid = false;
        }
        if (rightInfo.numChildern != leftInfo.numChildern) {
            valid = false;
        }
        return new TreeInfo(valid, rightInfo.numChildern + leftInfo.numChildern
                + 1);
    }
    }

    class TreeInfo {
       public boolean valid;
       public int numChildern;

       public TreeInfo(boolean valid, int numChildern) {
           this.valid = valid;
           this.numChildern = numChildern;
    }

}

[conorhastings]

can reproduce, will try to work on it this weekend

[iaravindreddyp]

iam using syntaxhiglighter inside a scrollview just to use the scrollview callback props, But seems like the control is not with parent scrollview at all. The events are not firing at all in the parent scollview.
I even tried using the prop preTag={View} but that also doesnot seem to help

[ShivamJoker]

hello any updates :/