react-native-lesson 开个问答区

在开发中，遇到一些问题，特此列出来。

用一个listview来加载列表数据，如图书的名称，作者等。我想希望在加载数据的时候，加个ActivityIndicatorIOS来显示正在加载，我的代码如下：

      <View style={{flex:1}}>
        <ActivityIndicatorIOS animating={!this.state.loaded} />
        <ScrollView>
          <ListView dataSource={this.state.dataSource}
                    renderRow = {this.renderData}
                    style={[styles.listView, {marginTop:0}]}
                    initialListSize={10}
                    >
          </ListView>
        </ScrollView>
      </View>

但目前遇到的问题：当成功获取数据后，那个转动的图标会消失，但是那一行空白还是存在的。问：如何使加载数据后，那一行消失?

Dec 20 '15 07:12 makao007

:+1: good work ! @makao007 可以后期帮忙整理个"Q&A.md"，多谢！
该方案可以这样做：

           ! this.state.loaded ? 
               <ActivityIndicatorIOS /> : <ScrollView>
                 <ListView dataSource={this.state.dataSource}
                        renderRow = {this.renderData}
                         style={[styles.listView, {marginTop:0}]}
                         initialListSize={10}
                       >
                   </ListView>
               </ScrollView>

一般在render return的JSX中可以做这样的三目逻辑判断；或者，可以在render JSX之前做逻辑，拼接好JSX，再return 拼接好的JSX

Dec 20 '15 09:12 vczero

另一个问题：关于iOS的TabBar.Item的系统自带图标, 官文文档只写了这几种：systemIcon enum('bookmarks', 'contacts', 'downloads', 'favorites', 'featured', 'history', 'more', 'most-recent', 'most-viewed', 'recents', 'search', 'top-rated'), 是不是就只有这么几种？

Dec 20 '15 13:12 makao007

作者您好您的教材真的很适用作为一个新手看了些文档了解了布局，控件等，但很多知识点都串不起来，知道看了您的教程，一步一步来，终于感觉快上手。感谢！

问题：在您的一篇演讲PPT里，最后一页有一本 [React Native入门与实战] , 本来打算买的，但搜索了一下，没找到。。。

Dec 20 '15 14:12 BennyTian

@BennyTian 北京的天气你是知道的，本来图书都能面市了，但是现在印刷厂因为霾偶尔停工了。: (

Dec 21 '15 02:12 vczero

@makao007 目前暴露的只有这么多了，实际上native的要多一些。其实，TabBar.Item大多的还是使用我们自己的图标。

Dec 21 '15 02:12 vczero

遇到一个奇怪的问题：我想要实现一个删除数据的功能，在listview里面的一行，当点击button1的时候，显示button2 （删除按钮）,点button2时，就操作删除该行的数据。但是目前遇到的问题是：当成功删除数据后，再点button1, 在删除那行的上面那些行则不显示button2,而在下面的却可以显示。

<View style={[styles.lineDel, this.state.code==item.code&&styles.lineDelShow]}>
lineDel: {width:0}
lineDelShow: {width:40}

我通过宽度来操作是否显示。

Dec 24 '15 08:12 makao007

#React Native入门与实战》图书预售地址：

目前京东、互动、天猫均有售
http://item.jd.com/11844102.html (京东自营)
http://item.jd.com/10089706582.html
http://item.jd.com/10089810271.html

Dec 28 '15 14:12 vczero

如何把app运行到安卓机上？

Mar 09 '16 06:03 huanghui1

@huanghui1 目前是不能单独跑在Android机上的，需要修改部分组件才可以，例如NavigatorIOS应该修改为Navigator。

Mar 09 '16 08:03 vczero

集成到原有项目直接崩溃 2016-07-06 16:05:04.810 [error][tid:com.facebook.react.JavaScript] Native module cannot be null. 2016-07-06 16:05:04.831 [error][tid:com.facebook.react.JavaScript] Requiring module "145", which threw an exception. 2016-07-06 16:05:04.832 ReactNativeIntegrated[8607:259063] -[RCTRootView reactTag]: unrecognized selector sent to instance 0x7f87f8c14dd0 2016-07-06 16:05:04.839 ReactNativeIntegrated[8607:259063] *** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[RCTRootView reactTag]: unrecognized selector sent to instance 0x7f87f8c14dd0'

Jul 06 '16 08:07 bigParis

react-native-lesson react-native-lesson copied to clipboard

开个问答区

react-native-lesson
react-native-lesson copied to clipboard