underrightarrow show a small arrow

[younisrahman]

the underrightarrow key show a small arrow but i need to show a arrow.

the input is : $+[O]$ $\begin {matrix}\\\underrightarrow{KMnO_4}\\{KOH}\end {matrix}$ $A$ $\underrightarrow{NaOH}$ $B$ $\begin {matrix}\\\underrightarrow{NaOH}\\{CaO}\end {matrix}$ $C$.
the output is :

but i need this type of output

[hurshore]

@younisrahman have you been able to find a solution? I'm experiencing the same issue now.

[younisrahman]

@hurshore No.Although I tried changing the sign code from 2192 to 27F6, it didn't work for me.

[hurshore]

@younisrahman Do you know any alternative package to render latex in react native?

[webyonet]

this is a bug of react-native-svg, the generated svg is as follows:

<svg style="vertical-align: -4.459ex;" xmlns="http://www.w3.org/2000/svg" width="55.528ex" height="80.4ex" role="img" focusable="false" viewBox="0 -2471 3068 4442" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <path id="MJX-6-TEX-I-1D441"
              d="M234 637Q231 637 226 637Q201 637 196 638T191 649Q191 676 202 682Q204 683 299 683Q376 683 387 683T401 677Q612 181 616 168L670 381Q723 592 723 606Q723 633 659 637Q635 637 635 648Q635 650 637 660Q641 676 643 679T653 683Q656 683 684 682T767 680Q817 680 843 681T873 682Q888 682 888 672Q888 650 880 642Q878 637 858 637Q787 633 769 597L620 7Q618 0 599 0Q585 0 582 2Q579 5 453 305L326 604L261 344Q196 88 196 79Q201 46 268 46H278Q284 41 284 38T282 19Q278 6 272 0H259Q228 2 151 2Q123 2 100 2T63 2T46 1Q31 1 31 10Q31 14 34 26T39 40Q41 46 62 46Q130 49 150 85Q154 91 221 362L289 634Q287 635 234 637Z"></path>
        <path id="MJX-6-TEX-I-1D44E"
              d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path>
        <path id="MJX-6-TEX-I-1D442" d="M740 435Q740 320 676 213T511 42T304 -22Q207 -22 138 35T51 201Q50 209 50 244Q50 346 98 438T227 601Q351 704 476 704Q514 704 524 703Q621 689 680 617T740 435ZM637 476Q637 565 591 615T476 665Q396 665 322 605Q242 542 200 428T157 216Q157 126 200 73T314 19Q404 19 485 98T608 313Q637 408 637 476Z"></path>
        <path id="MJX-6-TEX-I-1D43B"
              d="M228 637Q194 637 192 641Q191 643 191 649Q191 673 202 682Q204 683 219 683Q260 681 355 681Q389 681 418 681T463 682T483 682Q499 682 499 672Q499 670 497 658Q492 641 487 638H485Q483 638 480 638T473 638T464 637T455 637Q416 636 405 634T387 623Q384 619 355 500Q348 474 340 442T328 395L324 380Q324 378 469 378H614L615 381Q615 384 646 504Q674 619 674 627T617 637Q594 637 587 639T580 648Q580 650 582 660Q586 677 588 679T604 682Q609 682 646 681T740 680Q802 680 835 681T871 682Q888 682 888 672Q888 645 876 638H874Q872 638 869 638T862 638T853 637T844 637Q805 636 794 634T776 623Q773 618 704 340T634 58Q634 51 638 51Q646 48 692 46H723Q729 38 729 37T726 19Q722 6 716 0H701Q664 2 567 2Q533 2 504 2T458 2T437 1Q420 1 420 10Q420 15 423 24Q428 43 433 45Q437 46 448 46H454Q481 46 514 49Q520 50 522 50T528 55T534 64T540 82T547 110T558 153Q565 181 569 198Q602 330 602 331T457 332H312L279 197Q245 63 245 58Q245 51 253 49T303 46H334Q340 38 340 37T337 19Q333 6 327 0H312Q275 2 178 2Q144 2 115 2T69 2T48 1Q31 1 31 10Q31 12 34 24Q39 43 44 45Q48 46 59 46H65Q92 46 125 49Q139 52 144 61Q147 65 216 339T285 628Q285 635 228 637Z"></path>
        <path id="MJX-6-TEX-S4-2192"
              d="M56 237T56 250T70 270H835Q719 357 692 493Q692 494 692 496T691 499Q691 511 708 511H711Q720 511 723 510T729 506T732 497T735 481T743 456Q765 389 816 336T935 261Q944 258 944 250Q944 244 939 241T915 231T877 212Q836 186 806 152T761 85T740 35T732 4Q730 -6 727 -8T711 -11Q691 -11 691 0Q691 7 696 25Q728 151 835 230H70Q56 237 56 250Z"></path>
        <path id="MJX-6-TEX-S4-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path>
        <path id="MJX-6-TEX-I-1D436"
              d="M50 252Q50 367 117 473T286 641T490 704Q580 704 633 653Q642 643 648 636T656 626L657 623Q660 623 684 649Q691 655 699 663T715 679T725 690L740 705H746Q760 705 760 698Q760 694 728 561Q692 422 692 421Q690 416 687 415T669 413H653Q647 419 647 422Q647 423 648 429T650 449T651 481Q651 552 619 605T510 659Q484 659 454 652T382 628T299 572T226 479Q194 422 175 346T156 222Q156 108 232 58Q280 24 350 24Q441 24 512 92T606 240Q610 253 612 255T628 257Q648 257 648 248Q648 243 647 239Q618 132 523 55T319 -22Q206 -22 128 53T50 252Z"></path>
    </defs>
    <g stroke="#ffffff" fill="#ffffff" stroke-width="0" transform="scale(1,-1)">
        <g data-mml-node="math">
            <g data-mml-node="mtable">
                <g data-mml-node="mtr" transform="translate(0,1721)">
                    <g data-mml-node="mtd" transform="translate(1534,0)"></g>
                </g>
                <g data-mml-node="mtr" transform="translate(0,321)">
                    <g data-mml-node="mtd">
                        <g data-mml-node="munder">
                            <g data-mml-node="mrow">
                                <g data-mml-node="mi">
                                    <use data-c="1D441" xlink:href="#MJX-6-TEX-I-1D441"></use>
                                </g>
                                <g data-mml-node="mi" transform="translate(888,0)">
                                    <use data-c="1D44E" xlink:href="#MJX-6-TEX-I-1D44E"></use>
                                </g>
                                <g data-mml-node="mi" transform="translate(1417,0)">
                                    <use data-c="1D442" xlink:href="#MJX-6-TEX-I-1D442"></use>
                                </g>
                                <g data-mml-node="mi" transform="translate(2180,0)">
                                    <use data-c="1D43B" xlink:href="#MJX-6-TEX-I-1D43B"></use>
                                </g>
                            </g>
                            <g data-mml-node="mo" transform="translate(0,-710)">
                                <use data-c="2192" xlink:href="#MJX-6-TEX-S4-2192" transform="translate(2068,0)"></use>
                                <svg width="2168" height="865" x="0" y="-182" viewBox="542 -182 2168 865">
                                    <use data-c="2212" xlink:href="#MJX-6-TEX-S4-2212" transform="scale(4.18,1)"></use>
                                </svg>
                            </g>
                        </g>
                    </g>
                </g>
                <g data-mml-node="mtr" transform="translate(0,-1721)">
                    <g data-mml-node="mtd" transform="translate(508,0)">
                        <g data-mml-node="TeXAtom" data-mjx-texclass="ORD">
                            <g data-mml-node="mi">
                                <use data-c="1D436" xlink:href="#MJX-6-TEX-I-1D436"></use>
                            </g>
                            <g data-mml-node="mi" transform="translate(760,0)">
                                <use data-c="1D44E" xlink:href="#MJX-6-TEX-I-1D44E"></use>
                            </g>
                            <g data-mml-node="mi" transform="translate(1289,0)">
                                <use data-c="1D442" xlink:href="#MJX-6-TEX-I-1D442"></use>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>

[hurshore]

@webyonet is there any way around this bug with react-native-svg?