maolion / mao-rn-android-kit Goto Github PK

export default class Example extends Component {
    render() {
        var highSelected = (this.state.highSelected ? {
            textStyle: styles.highNormalLowDocListHeaderStateTextSelected,
            borderStyle: styles.highNormalLowDocListHeaderStateBorderSelected
        } : {});
        var normalSelected = (this.state.normalSelected ? {
            textStyle: styles.highNormalLowDocListHeaderStateTextSelected,
            borderStyle: styles.highNormalLowDocListHeaderStateBorderSelected
        } : {});
        var lowSelected = (this.state.lowSelected ? {
            textStyle: styles.highNormalLowDocListHeaderStateTextSelected,
            borderStyle: styles.highNormalLowDocListHeaderStateBorderSelected
        } : {});

        return (
            <View style={{flex: 1, backgroundColor: '#FFF'}}>
                <CoordinatorLayoutAndroid ref={(component) => this.coordinatorLayout = component}
                                          fitsSystemWindows={false}>
                    <AppBarLayoutAndroid
                        layoutParams={{
                            width: 'match_parent',
                            height: 112
                        }}
                        style={{ backgroundColor:"#528eff" }}>
                        <View layoutParams={{height: 56, width: this.windowWidth, scrollFlags: (
                                    AppBarLayoutAndroid.SCROLL_FLAG_SCROLL |
                                    AppBarLayoutAndroid.SCROLL_FLAG_ENTRY_ALWAYS)}} style={{height: 56}}>
                            <ToolbarAndroid
                                titleColor={'#FFF'}
                                title={this.props.title}
                                navIcon={images.arrowBack}
                                onIconClicked={() => this._goBack()}
                                onActionSelected={() => {}}
                                actions={[{title: 'Search', icon: images.search, show: 'always'}]}
                                style={[{backgroundColor: '#528eff', width: this.windowWidth, height: 56}]}/>
                        </View>
                        <View layoutParams={{height: 56, width: this.windowWidth}}
                              style={{flex: 0, flexDirection: 'row', justifyContent: 'center', width: this.windowWidth, backgroundColor: '#528eff'}}>
                            <TouchableOpacity onPress={() => this.getDocuments('high')}
                                              style={[styles.highNormalLowDocListHeaderStateTextContainer, highSelected.borderStyle]}>
                                <Text
                                    style={[styles.highNormalLowDocListHeaderStateText, highSelected.textStyle]}>HIGH</Text>
                            </TouchableOpacity>
                            <TouchableOpacity onPress={() => this.getDocuments('normal')}
                                              style={[styles.highNormalLowDocListHeaderStateTextContainer, normalSelected.borderStyle]}>
                                <Text
                                    style={[styles.highNormalLowDocListHeaderStateText, normalSelected.textStyle]}>NORMAL</Text>
                            </TouchableOpacity>
                            <TouchableOpacity onPress={() => this.getDocuments('low')}
                                              style={[styles.highNormalLowDocListHeaderStateTextContainer, lowSelected.borderStyle]}>
                                <Text
                                    style={[styles.highNormalLowDocListHeaderStateText, lowSelected.textStyle]}>LOW</Text>
                            </TouchableOpacity>
                        </View>
                    </AppBarLayoutAndroid>
                    <NestedScrollViewAndroid
                        ref={(component) => this.contentLayout = component}
                        style={{flex: 1, backgroundColor: 'transparent', height: this.windowHeight - 136}}>
                        <ListView
                            dataSource={this.state.documents}
                            enableEmptySections={true}
                            renderRow={(rowData) => this._renderRow(rowData)}
                        />
                    </NestedScrollViewAndroid>
                </CoordinatorLayoutAndroid>
                <ActivityIndicator
                    animating={this.state.animating}
                    style={[{width: this.windowWidth, height: 80, position: 'absolute', top: this.loaderMargin, bottom: 0}]}
                    size="large"
                />
            </View>
        );
    }
}

_tabTexts = [
  { text: "tab1" },
  { text: "tab2" },
  { text: "tab3" }
];

componentDidMount() {
  this.refs.coordinatorLayout.setScrollingViewBehavior(this.refs.viewPager);
  this._tabLayout.setViewPager(this._viewPager, this._tabTexts);
}

render() {
  return (
    <View style={[ { flex: 1}]}>
      <CoordinatorLayoutAndroid ref="coordinatorLayout">
        <AppBarLayoutAndroid
          style={{height: 250}}
          layoutParams={{
              width: width,
              scrollFlag: AppBarLayoutAndroid.SCROLL_FLAG_EXIT_UNTIL_COLLAPSED
          }}
        >
          <CollapsingToolbarLayoutAndroid
            expandedTitleMarginStart={20}
            expandedTitleMarginBottom={20}
            collapsedTitleColor="#ffffff"
            contentScrimColor="#2278F6"
            expandedTitleColor="#ffffff"
            layoutParams={{
              scrollFlags: (
                AppBarLayoutAndroid.SCROLL_FLAG_SCROLL |
                AppBarLayoutAndroid.SCROLL_FLAG_SNAP |
                AppBarLayoutAndroid.SCROLL_FLAG_EXIT_UNTIL_COLLAPSED
              )
            }}>
            <View
              style={{
                flex: 1,
                backgroundColor: '#4CAF50'
              }}
              layoutParams={{
                collapseParallaxMultiplie: 0.7,
                collapseMode: CollapsingToolbarLayoutAndroid.CollapseMode.COLLAPSE_MODE_PARALLAX
              }}>
              <Image source={require('./images/beer.jpg')} style={styles.image} />
            </View>
            <ToolbarAndroid
              title="Collapsing Toolbar Layout"
              titleColor="#ffffff"
              layoutParams={{
                height: 56, // required
                collapseMode: CollapsingToolbarLayoutAndroid.CollapseMode.COLLAPSE_MODE_PIN // required
              }}>
            </ToolbarAndroid>
          </CollapsingToolbarLayoutAndroid>
          <View style={{height: 38, backgroundColor: '#4889f1'}}>
            <TabLayoutAndroid
              tabMode="scrollable"
              tabSelectedTextColor="#fff"
              tabIndicatorColor="#fff"
              tabTextColor="rgba(255, 255, 255, .6)"
              tabIndicatorHeight={1}
              tabTextSize={6}
              tabSidePadding={10}
              tabHeight={38}
              ref={(component) => {
                this._tabLayout = component;
              }} />
          </View>
        </AppBarLayoutAndroid>

        <ViewPagerAndroid
          ref="viewPager"
          style={{ backgroundColor: 'transparent' }}
        >
          <FlatList
            data={data}
            renderItem={this.renderBox}
            renderScrollComponent={this.renderScroll}
            /> 
          <FlatList
            data={data}
            renderItem={this.renderBox}
            renderScrollComponent={this.renderScroll}
            />  
          <FlatList
            data={data}
            renderItem={this.renderBox}
            renderScrollComponent={this.renderScroll}
          /> 
        </ViewPagerAndroid>
      </CoordinatorLayoutAndroid>
    </View>
  );
};

renderBox(item) {
  return (
    <View style={styles.box} />
  )
}
renderScroll(props) {
  return (
    <NestedScrollViewAndroid {...props} style={styles.nestedScroll} />
  )
}

<NestedScrollViewAndroid
  style={{ height: Dimensions.get('window').height - 70 }}
>
  <TextInput
    style={{ height: 50, backgroundColor: 'yellow' }}
  >
  </TextInput>
</NestedScrollViewAndroid>

"mao-rn-android-kit": "^0.3.21",
"react": "15.4.1",
"react-native": "0.39.2",

"react": "16.2.0"
"react-native": "0.52.2"

compileSdkVersion 23
buildToolsVersion "23.0.1"
minSdkVersion 16
targetSdkVersion 22

:mao-rn-android-kit:incrementalReleaseJavaCompilationSafeguard UP-TO-DATE
:mao-rn-android-kit:compileReleaseJavaWithJavac
:mao-rn-android-kit:compileReleaseJavaWithJavac - is not incremental (e.g. outputs have changed, no previous execution, etc.).
E:\mygit\react-native-image-header-scroll-view-example\node_modules\mao-rn-android-kit\android\src\main\java\com\maornandroidkit\KitsPackage.java:32: 错误: 方法不会覆盖或实现超类型的方法
  @Override
  ^
E:\mygit\react-native-image-header-scroll-view-example\node_modules\mao-rn-android-kit\android\src\main\java\com\maornandroidkit\managers\NestedScrollViewManager.java:20: 错误: NestedScrollVie
wManager不是抽象的, 并且未覆盖ScrollCommandHandler中的抽象方法flashScrollIndicators(MNestedScrol
lView)
public class NestedScrollViewManager
       ^
E:\mygit\react-native-image-header-scroll-view-example\node_modules\mao-rn-android-kit\android\src\main\java\com\maornandroidkit\widgets\MNestedScrollView.java:35: 错误: 无法将类 ScrollEvent中
的方法 obtain应用到给定类型;
            ScrollEvent.obtain(
                       ^
  需要: int,ScrollEventType,int,int,float,float,int,int,int,int
  找到: int,ScrollEventType,int,int,int,int,int,int
  原因: 实际参数列表和形式参数列表长度不同
注: E:\mygit\react-native-image-header-scroll-view-example\node_modules\mao-rn-android-kit\andro id\src\main\java\com\maornandroidkit\widgets\MTabLayout.java使用或覆盖了已过时的 API。
注: 有关详细信息, 请使用 -Xlint:deprecation 重新编译。
注: E:\mygit\react-native-image-header-scroll-view-example\node_modules\mao-rn-android-kit\andro id\src\main\java\com\maornandroidkit\managers\NestedScrollViewManager.java使用了未经检查或不安全
的操作。
注: 有关详细信息, 请使用 -Xlint:unchecked 重新编译。
3 个错误
:mao-rn-android-kit:compileReleaseJavaWithJavac FAILED

 at p.catch.error (/Users/Reuf/yd/examplekitmao/ex/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:366:19)
    at process._tickCallback (internal/process/next_tick.js:103:7)
Bundling `index.android.js`  0.0% (0/1), failed.
UnableToResolveError: Unable to resolve module `react-mixins-decorator` from `/Users/Reuf/yd/examplekitmao/ex/node_modules/mao-rn-android-kit/components/nested-scroll-view.js`: Module does not exist in the module map or in these directories:
  /Users/Reuf/yd/examplekitmao/ex/node_modules

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset packager cache: `rm -fr $TMPDIR/react-*` or `npm start --reset-cache`.
    at p.catch.error (/Users/Reuf/yd/examplekitmao/ex/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:366:19)
    at process._tickCallback (internal/process/next_tick.js:103:7)

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import {
    ExtraDimensionsAndroid,
    AppBarLayoutAndroid,
    CoordinatorLayoutAndroid,
    NestedScrollViewAndroid
} from 'mao-rn-android-kit';

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';

export default class ex extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to React Native!
        </Text>
        <Text style={styles.instructions}>
          To get started, edit index.android.js
        </Text>
        <Text style={styles.instructions}>
          Double tap R on your keyboard to reload,{'\n'}
          Shake or press menu button for dev menu
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

AppRegistry.registerComponent('ex', () => ex);