小编aab*_*a12的帖子

缓存/预加载 SVG 文件本机反应

我正在使用 React Native SVG ( https://github.com/react-native-community/react-native-svg ) 并使用带有 svg 文件的实现( url to implementation )。

有没有办法预加载/缓存这个 svgs?我有一个导入多个 SVG 的组件,它冻结了,因为它正在加载所有这些图标。

我搜索过但一无所获(来自 expo 的 AppLoading 不适用于 SVG)

javascript svg reactjs react-native

6
推荐指数
1
解决办法
934
查看次数

在 React Native 中显示等效的内联块

我需要实现这个目标:

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)

css react-native

2
推荐指数
1
解决办法
6559
查看次数

避免使用反应钩子重新渲染

我有一些通过 props 来自 Redux 的值,当这个值改变时我不想再次渲染组件。

我发现一些答案说我可以使用 Memo,但我不知道这是否是适合我的情况的最佳选择?

我的“代码”:

const MyComponent = () => {
    return ...;
}

const mapStateToProps = state => ({
  myVar: state.myVar
});

export default connect(mapStateToProps)(MyComponent);
Run Code Online (Sandbox Code Playgroud)

myVar在这种情况下,更改不应重新渲染组件。

reactjs react-native redux

2
推荐指数
1
解决办法
1万
查看次数

不变违规:requireNativeComponent:在此 UIManager 中未找到 RNViewOverflow

我正在使用 React Native(带有 Expo)来开发一个应用程序,但是我遇到了一些问题。在 iOS 上它工作正常,但在 Android 上我收到此错误:

在此处输入图片说明

这个 swiper 组件不适用于 Android 吗?

我已经安装了 react-native-view-overflow。

react-native

1
推荐指数
1
解决办法
1197
查看次数

标签 统计

react-native ×4

reactjs ×2

css ×1

javascript ×1

redux ×1

svg ×1