小编Dan*_*Dan的帖子

我正在尝试权衡转换moment为date-fns.

时刻当前316k或67.6kgzip 压缩。

date-fns/format是3k。

我们通过 CodePush 提供更新，因此最小化 JavaScript 包是我们绝对需要考虑的事情。

React-Native 是否执行 Tree Shaking？

我正在努力在 React Native 中对齐 SVG。

到目前为止，我有以下内容，但是 SVG 在组件的左上角呈现。我已经为此奋斗了一两个小时。

const Like = () => (
  <View
    style={{
      height: 45,
      width: 45,
      flex: 1,
      borderWidth: 1,
      justifyContent: 'center',
      alignItems: 'center',
    }}>
    <Svg width={45} height={45} viewBox="0 0 25 25">
      <Path
        d="M5.5 11a.344.344 0 0 1-.28-.126l-3.823-4.32c-.016 0-.041-.02-.078-.062-.033-.042-.067-.08-.095-.113L.88 5.902c-.143-.2-.28-.435-.407-.704a4.44 4.44 0 0 1-.323-.853C.05 4.01 0 3.675 0 3.34 0 2.303.256 1.482.774.88 1.273.293 1.997 0 2.944 0c.243 0 .5.05.771.15.274.1.517.235.732.403.2.15.393.318.58.502.17.15.328.31.473.477.142-.167.3-.327.47-.477.187-.184.381-.352.583-.502.215-.168.458-.302.73-.402.271-.1.53-.151.773-.151.944 0 1.669.293 2.17.879.515.603.774 1.424.774 2.461 0 1.038-.466 2.118-1.397 3.24l-3.824 4.294A.351.351 0 0 1 5.5 11"
        fill="#f26aa3"
      /> …

如何保留我的reduce函数的累积值？每次迭代都会重置对象值.

const a = [1, 2, 3, 4, 5];

const b = {
  1: {
    name: 'Dan',
    age: 25
  },
  2: {
    name: 'Peter',
    age: 28
  },
  3: {
    name: 'Mark',
    age: 38
  },
  4: {
    name: 'Larry',
    age: 32
  },
  5: {
    name: 'Simon',
    age: 25
  },
}

const f = a.reduce((acc, val) => {
  console.log({
    acc
  })
  return {
    [val]: {
      age: b[val].age
    }
  }
}, {})

console.log(f); // 5: {age: 25}

我期望的结果是:

{
  1: { …

我正在尝试执行类似React Native不喜欢的以下内容。

我想将可点击的文本包装在TouchableOpacity中，并使用自己的样式。

通过将其包装在父Text组件中，所有文本可以完美地并排放置。但是，我无法将组件放入TouchableOpacity内部Text。

<View>
  <Text>
    <Text>Hello my name is</Text>
    <TouchableOpacity onPress={this.openProfile}>
      <Text style={styles.clickable}>{ name }</Text>
    </TouchableOpacity>
    <Text>, I am currently working at </Text>
    <TouchableOpacity onPress={this.openCompanyPage}>
      <Text style={styles.clickable}>{ company }</Text>
    </TouchableOpacity>
  </Text>
</View>

我收到错误：Views nested within a <Text> must have a width and height。我无法设置这些度量，因为我希望它们是动态的并依赖于内容。

例如name可能是约翰·史密斯和休伯特·布莱恩·沃尔费斯奇利盖尔斯坦哈森伯格尔多夫锶。

根据评论，我想用自定义样式渲染文本的某些部分。通过将Text放在Text中，我可以毫不费力地做到这一点。现在，我想在文本的这些部分（“丹”，“谷歌”）中添加一个可点击区域。但是我无法在Text元素内嵌入TouchableOpacity。