我正在使用 React Native SVG ( https://github.com/react-native-community/react-native-svg ) 并使用带有 svg 文件的实现( url to implementation )。
有没有办法预加载/缓存这个 svgs?我有一个导入多个 SVG 的组件,它冻结了,因为它正在加载所有这些图标。
我搜索过但一无所获(来自 expo 的 AppLoading 不适用于 SVG)
我需要实现这个目标:
https://jsfiddle.net/ghxfpL7j/1/
在 React Native 中但是:
我尝试将“C”放在视图和文本中,然后将另一个视图放在带有数字的其他文本中,但我无法实现相同的效果,因为当名称太长时它不起作用。
这是我尝试过的:
<View style={a}>
<View style={b}><Text style={c}>C</Text></View>
<Text style={d}>Player name</Text>
<View style={e}>20</View>
</View>
Run Code Online (Sandbox Code Playgroud)
然后是样式:
a: {
flexDirection: 'row',
flexWrap: 'wrap'
}
b:{
width: 20,
backgroundColor: '#000'
}
c:{
color: '#ddd
}
d:{
flex: 1,
text-align: 'right'
}
e:{
text-align: 'right'
}
Run Code Online (Sandbox Code Playgroud) 我有一些通过 props 来自 Redux 的值,当这个值改变时我不想再次渲染组件。
我发现一些答案说我可以使用 Memo,但我不知道这是否是适合我的情况的最佳选择?
我的“代码”:
const MyComponent = () => {
return ...;
}
const mapStateToProps = state => ({
myVar: state.myVar
});
export default connect(mapStateToProps)(MyComponent);
Run Code Online (Sandbox Code Playgroud)
myVar在这种情况下,更改不应重新渲染组件。
我正在使用 React Native(带有 Expo)来开发一个应用程序,但是我遇到了一些问题。在 iOS 上它工作正常,但在 Android 上我收到此错误:
这个 swiper 组件不适用于 Android 吗?
我已经安装了 react-native-view-overflow。