layout rendering issue in inlineTex

[zexe063]

while i making a math app and i render katex so when i pass data it renders in blockMath mean new line , see the screenshot below

2- the font Size not update perfectly in when i give 16 to 22 it does not refresh it we need to go back again mount the component agai.

function Math(){
return(

          <InlineTeX content=" what  is maxium number of zeroes a polynomial of degree $n$ we have" fontSize={18} textStyle={{ fontSize:18, fontFamily:"cofosans-regular"}} ></InlineTeX>
        </SafeAreaView>
    </SafeAreaProvider>
    
)

}

please fix this Asap or kindly give me perfect solution for that

[erweixin]

Thanks for the report. InlineTeX is currently a lightweight wrapper around RaTeXView, splitting $...$ and rendering inline views in a wrapping row.

Some of the current inline layout behavior is still not ideal and is considered a bug on our side. A big challenge is that we can’t rely on Fabric inline views yet, so inline math layout/tokenization — especially with CJK text and backward compatibility constraints — is harder to handle correctly.

We’ll keep improving this, but for now using RaTeXView directly is the more flexible and reliable option.

[erweixin]

If CJK support is not required, you can also reference the current InlineTeX approach: splitting text by spaces into multiple Text nodes generally gives correct inline wrapping behavior.

[zexe063]

Thanks for the reply erweixin. I want to render advance math problem and splitting everything is just nightmare for me because I have diffrent type of math questions and it becomes break in the production.

While I also used the react-native-enrich-markdown crates by software mansion his markdown render perfectly as layout but just problem with that his not support all function of katex like /implies and the the font of katex is too thick.

How much time your taken to solve this problem

[erweixin]

I'm working on this issue now. I'll try to get it fixed before next Tuesday (Beijing Time). I need to prepare for my driving license test this weekend, so the fix may take a bit longer.
@zexe063

[zexe063]

You project is really to top notch , what you crate is really unbelievable.

If you need solve this problem you can checkout the react-native-enrich-markdown libaray crated by software mansion ans his layout system work perfectly with yoga react native.

Thank for the helping brother.

[erweixin]

Please try "0.1.5".

Feel free to share any feedback or issues anytime.

[zexe063]

Hii @erweixin , thanks for solution and i never think you fixed it at fast. well now previous problem is fixed now problem with alignItems-center property

when we used alignItems-center in view to center the element it get hidden it look it not width or height from internal layout. i try many cases but it still not solved

here the screen recording of 0.1.15 version

`
<SafeAreaView style={{flex:1, backgroundColor:"white"}}>

        <View style={{flex:1, alignItems:'center'}}>
             <InlineTeX content=" helo world npm $\frac{2}{3} $ and so on boss and we craete this $m$ and so osm ethanks" />
           </View>
       



        </SafeAreaView>
    </SafeAreaProvider>`

WhatsApp.Video.2026-05-13.at.3.13.05.PM.mp4

[erweixin]

@zexe063 Please try 0.1.6. Hope this version fixes the issue.

[zexe063]

@erweixin thanks for previous version it solves almost all problem of edtech industry, just on last request to you. we don't want hardcoded font family for component. it should allow us to change the font for component

like when we write (a polynomial has a value of $2x^2+y+$) so text render in component and it should take custom font family.

[erweixin]

@erweixin thanks for previous version it solves almost all problem of edtech industry, just on last request to you. we don't want hardcoded font family for component. it should allow us to change the font for component

like when we write (a polynomial has a value of 2 x 2 + y + ) so text render in component and it should take custom font family.

@zexe063 Thanks for the reply! I’ll add a textStyle prop for the non-math text inside the InlineTex component, so users can customize the font family and related text styles.

Besides fontFamily, are there any other text styles you’d like to customize? For example: italic, underline, etc.

[zexe063]

@erweixin thanks for the reply , yes sure adding italic and underline system will help me more thanks for features.

[zexe063]

@erweixin , I am waiting for new version , I already completed my app and I just one step before ship in playstore, due to the font family issue I still waiting for new version so i add the my custom font family in my app

Could please drop the new version, it helps me lot