• AEPKILL
    2022-04-14
    设置 Text 默认样式之前我们用的非常 hack 的方案,是这样写的: ```tsx // fix: 安卓 Text 组件的文字会被截断 // issue: https://github.com/facebook/react-native/issues/15114 if (RN.Platform.OS === 'android') { const defaultFontFamily = { fontFamily: '', // fix: 部分安卓机器上的主题会设置系统字体颜色为白色 color: '#000', }; const OldTextRender = (RN.Text as any).render; (RN.Text as any).render = (props: any, ref: any) => { const {style} = props; return OldTextRender( { ...props, style: RN.StyleSheet.compose(defaultFontFamily, style), }, ref ); }; } ```

    作者回复: 正确答案👍 这种方案确实是 hack,但好用。

    共 2 条评论
    11
  • AEPKILL
    2022-04-14
    请问该如何实现图文混排类似 float: left 这种效果?

    作者回复: React Native 没有 float 布局,是有 flex 布局,可以通过 flexDirection: 'row' 模拟类似图文左右布局的效果,但不能完全实现和 Web 一样的 float:left。

    
    1
  • 大神博士
    2022-05-24
    includeFontPadding: false, textAlignVertical: 'center', 这是说的android 字体居中的问题的处理吗

    作者回复: 是的

    
    
  • Archer_Shu
    2022-04-26
    设计部门如果缺失开发背景,设计的组件属性不统一(比如文字标题使用多种字体和颜色),导致更多时候只能使用绝对定位。开发和QA也因此难以使用可复用的样式。最终也就导致了代码的冗长以及难以维护。

    作者回复: 关键看业务 toB 的好复用,toC 的不好复用。

    
    
  • yuxizhe
    2022-04-16
    请问 Text 组件设置全局默认样式,一般是用组件进行封装,相当于每个Text都会重新调用 StyleSheet 来生成样式,会有性能问题么?

    作者回复: 现在的计算机处理能力很强,类似这种很小的运算逻辑,它都不会带来性能的问题。

    
    
  • hawksun
    2022-04-14
    写样式的时候怎么处理不同机型适配的问题呢?

    作者回复: RN 很少有机型适配问题,一般遇到了再解决。常见的适配问题是厂商反馈的折叠屏问题。

    共 2 条评论
    
  • 大神博士
    2022-07-04
    作业2: 方法1. 封装通用 Text 组件 方法2: 重写 Text 组件的 Render 方法
    
    1
  • Geek_e4a05b
    2022-04-01
    瀑布流目前开源的MasonryList使用的是Flatlist嵌套左右两个Flatlist方式。这种方式在数据变多快速滑动情况下白屏现象严重,请问老师有什么好的实现方式吗?
    共 2 条评论
    1
  • Geek_cf32ac
    2023-06-06 来自上海
    使用 React Native 提供的 "Text.defaultProps" 属性。这个属性允许设置 Text 组件的默认属性,包括样式。 import { Text } from 'react-native'; Text.defaultProps = Text.defaultProps || {}; Text.defaultProps.style = { fontFamily: 'Arial', fontSize: 16 };
    
    
  • 风会停息
    2023-02-21 来自上海
    老师您好,我想问下,RN的原理不是相当于说 用JS描述ui然后底层其实是映射的原生api去实现的吗,原生的api再去进行渲染绘制,也就是说最后运行的时候Android还是绘制的原生View 使用Android的引擎 ios也一样用ios的引擎,那么为什么还说React Native 的布局引擎 Yoga, 是 Android、iOS 通用的,如何做到的呢?
    共 1 条评论
    