StackOverflow中文版 - StackOverflow中文网 - StackOverflow中文社区 - SO中文参考

今天我尝试使用这个库在我的 React Native 应用程序中渲染原始 html。这是我的代码：从“react-native-render-html”导入 HTML；常量 htmlContent = ` 今天我尝试使用这个库在我的 React Native 应用程序中渲染原始 html。这是我的代码： import HTML from "react-native-render-html"; const htmlContent = ` <div class="page" title="Page 5"> <div class="layoutArea"> <div class="column"> Chất X (CxHyO4N2) là muối amoni của axit cacboxylic đa chức; chất Y (CmHnO2N2) là muối amoni của một amino axit. Cho m gam E gồm X và Y (có tỉ lệ mol tương ứng là 3 : 5) tác dụng hết với lượng dư dung dịch NaOH đun nóng, thu được 4,928 lít (đktc) hỗn hợp khí (gồm 2 chất hữu cơ là đồng đẳng liên tiếp) có tỉ khối so với hiđro bằng 383/22 và 19,14 gam hỗn hợp muối. Phần trăm khối lượng của Y trong E là </div> </div> </div> `; const App = () => { return ( <ScrollView style={{ flex: 1 }}> <HTML html={htmlContent} tagsStyles={{ span: { fontFamily: 'TimesNewRomanPSMT', color:'red' } }} imagesMaxWidth={Dimensions.get("window").width} /> </ScrollView> // <Text style={{ fontFamily: 'TimesNewRomanPSMT', fontSize: 44 }}>affdf</Text> ); }; 我下载了字体并链接成功。下面的Text已经渲染成功。但是在 HTML 标签中它仍然无法呈现。它仅渲染 color 和 fontStyle 属性。谁能帮我解决这个问题吗？您需要设置 systemFonts 属性： import RenderHtml, { defaultSystemFonts } from 'react-native-render-html'; const systemFonts = [...defaultSystemFonts, 'Montserrat-Regular', 'Montserrat-Bold']; <RenderHtml contentWidth={Dimensions.get('window').width} source={{ html: htmlSource }} tagsStyles={{a: {color:'#58585A',textDecorationLine:'none', fontSize:16, fontFamily:'Montserrat-Bold',lineHeight: 23},p:{**fontFamily:'Montserrat-Regular**',lineHeight: 23,color:'#58585A',fontSize:16,marginBottom:16}, img:{display: 'none'}}} systemFonts={systemFonts} /> 在 RenderHtml 组件中设置 systemFonts Prop 很重要，并确保你有react-native-render-html v:6.0.0 > 检查他们关于此的文档 systemFonts Prop 我尝试在此处的世博小吃中重现您的示例：https://snack.expo.io/@jsamr/stack-overflow-63626884 如果您查看右侧的 Web 渲染器，您会注意到显示了适当的字体（在本例中为等宽字体）。您确定正确配置了字体吗？这样做 />

html react-native fonts react-native-render-html

回答 3 投票 0

剪切 DataFrame 并 git 减值

我有一个 DataFrame，我需要将其剪切并从负值中获取最小值作为屏幕截图（请单击下面的“在此处输入图像描述”）我需要导出 lokal min val...

python pandas

回答 1 投票 0

变量“y”的令人困惑的值

#包括 int main(){ 整数x、y、z； x=y=z=-1； z = ++x && ++y || ++z; printf("x=%d, y=%d, z=%d", x, y, z); 返回0； } 当我运行这段代码时，p...

c increment

回答 1 投票 0

撰写文本行高不尊重 includeFontPadding = true

我正在使用 compose 1.5.2，我注意到 Text lineHeight 没有在第一行的顶部或最后一行的底部添加足够的填充。我认为它实际上忽略了 PlatformStyle