code highlighting

[GodVoid]

Hello, How to add highlighting to code blocks separately？

[gmsgowtham]

Please use custom renderer

import React, { ReactNode } from "react";
import type { ViewStyle, TextStyle } from "react-native";
import Markdown, { Renderer, RendererInterface } from "react-native-marked";
import SyntaxHighlighter from "react-native-syntax-highlighter";
import { docco } from "react-syntax-highlighter/styles/hljs";

class CustomRenderer extends Renderer implements RendererInterface {
  constructor() {
    super();
  }

  code(
    text: string,
    language?: string,
    _containerStyle?: ViewStyle,
    _textStyle?: TextStyle
  ): ReactNode {
    return (
      <SyntaxHighlighter
        key={this.getKey()}
        language={language}
        style={docco}
        highlighter={"prism" || "hljs"}
      >
        {text}
      </SyntaxHighlighter>
    );
  }
}

const renderer = new CustomRenderer();

const ExampleComponent = () => {
  return (
    <Markdown
      value={"`Hello world`"}
      flatListProps={{
        initialNumToRender: 8,
      }}
      renderer={renderer}
    />
  );
};