技术控

    今日:0| 主题:63445
收藏本版 (1)
最新软件应用技术尽在掌握

[其他] Building Instagram Stories using React Native

[复制链接]
不曾言说 发表于 2016-10-11 03:37:17
356 6
MobX

  To be honest with you, MobX wasn’t really needed this time. I used it anyways, because it makes life (at least coding) much easier. It separates UI markup and app logic, by creating stores. By that it also reduces the amount of props that are passed down the component tree.
  Issues

  3D Animations

         

Building Instagram Stories using React Native

Building Instagram Stories using React Native
         Original 3D effect by Instagram       This is really frustrating in React Native.
   The animation used when swiping through stories looks like spinning a cube. In the web world, there are many tutorials (e.g. this one ) out there that show how to create a 3D cube using only the power of CSS. You just need to do a few rotations on x and y axis and a couple of translations in all three dimensions. And you also need the magic property transform-style: preserve-3d . But… this property is not available in React Native. Someone asked for this in SO and in this github issue back in June, but without any luck. On top of that, there isn’t even the translate-z property (see this issue ). My last hope was the property transform-origin . But again, it’s not available in RN, although there was a pull request for it, which never got merged. So yeah, this was quite disappointing.
         

Building Instagram Stories using React Native

Building Instagram Stories using React Native
         no 3D :sob:      TLDR; 3D Animations are impossible to do in React Native.
曹珍凤 发表于 2016-10-11 12:02:46
无图无真相!
回复 支持 反对

使用道具 举报

单身晚餐 发表于 2016-10-11 15:38:02
不曾言说你怎么看?
回复 支持 反对

使用道具 举报

梁倩 发表于 2016-10-15 04:26:37
如果我做了皇帝,就封你当太子!
回复 支持 反对

使用道具 举报

孔金维 发表于 2016-11-15 22:25:41
星期二的心情很不错啊
回复 支持 反对

使用道具 举报

李明东 发表于 2016-11-17 06:07:51
明明白白我的心,楼主赏我个沙发!
回复 支持 反对

使用道具 举报

576306573 发表于 2016-11-20 13:04:49
你拥有再大再多的水桶,也不如有一个水龙头。说明:”渠道很重要!
回复 支持 反对

使用道具 举报

我要投稿

回页顶回复上一篇下一篇回列表
手机版/c.CoLaBug.com ( 粤ICP备05003221号 | 粤公网安备 44010402000842号 )

© 2001-2017 Comsenz Inc.

返回顶部 返回列表