这个特性解决了什么问题?
rn和mini, h5传参方式一致
这个 API 长什么样?
width: ${props => props.width};
<MyView width={width} ...>
import { View, Text, Button } from '@tarojs/components';
View可以用<MyView width={width} ...>传参,Text, Button等不行。View是如何做到的,其它组件能不能支持下?自己写<MyText style={{ width: Taro.pxTransform(width) }} ...>是可以生效,但这样要写两套css, 能不能在框架层替换成style属性?
2条答案
按热度按时间yqlxgs2m1#
启用css module后,@tarojs/components组件都可以用<StyledCom justifyContent={justifyContent} width={width} ...>传参了,是框架层把参数替换为style={{justifyContent={justifyContent} width={width} ...}}了吗?
另外数值型的参数在RN中只能传数值,不能传px和%, Taro.pxTransform(10)调用失败,编译RN时是否能调用该函数?还是应用层自己处理px和%?
lyr7nygr2#
框架好像没有改成style={{justifyContent={justifyContent} width={width} ...}}的形式,在真机中可以跑,在模拟器中不能跑(不认css变量),难道真机中可以直接用css变量了吗?