RN开发技巧

案例一 FlatList 水平滚动

需求: 手机屏幕有限，一行列表信息内容过多,因此需要水平滚动。

 render() {
   
    return (
      <ScrollView
        showsHorizontalScrollIndicator={
   false} //不显示水平滚动条
        alwaysBounceHorizontal={
   true}
        horizontal={
   true} 
      >
        <FlatList
        	//省略 ...
          showsHorizontalScrollIndicator={
   false} //取消垂直滚动条
        />
      </ScrollView>
    );
  }

回到目录

案例二 隐藏Navigation 头部阴影

const AppNavigation = StackNavigator(
  {
   
    'The First Screen!': {
    screen: FirstScreen },
  },
  {
   
    navigationOptions: {
   
      header: {
   
        style: {
   
          elevation: 0, // remove shadow on Android
          shadowOpacity: 0