message: Replaced ListView with FlatList in ActionSheet
diff: @@ -6,7 +6,8 @@ import {
  Platform,
  ActionSheetIOS,
  TouchableOpacity,
  - ViewPropTypes
  + ViewPropTypes,
  + FlatList
  } from "react-native";
  import { connectStyle } from "native-base-shoutem-theme";
  import { Text } from "./Text";
  @@ -16,7 +17,6 @@ import { Icon } from "./Icon";
  import { Left } from "./Left";
  import { Right } from "./Right";
  import { Body } from "./Body";
  -import { List } from "./List";
  import { ListItem } from "./ListItem";
  import mapPropsToStyleNames from "../Utils/mapPropsToStyleNames";
  @@ -25,7 +25,8 @@ class ActionSheetContainer extends Component {
  super(props);
  this.state = {
  modalVisible: false,
  - items: []
  + items: [],
  + dataArray: []
  };
  }
  static actionsheetInstance;
  @@ -45,6 +46,7 @@ class ActionSheetContainer extends Component {
  ActionSheetIOS.showActionSheetWithOptions(config, callback);
  }
  } else {
  + let dataArray = config.options.map((item, index) => { return { id: index, value: item } })
  this.setState({
  items: config.options,
  title: config.title,
  @@ -52,7 +54,8 @@ class ActionSheetContainer extends Component {
  destructiveButtonIndex: config.destructiveButtonIndex,
  cancelButtonIndex: config.cancelButtonIndex,
  modalVisible: true,
  - callback: callback
  + callback: callback,
  + dataArray
  });
  }
  }
  @@ -94,24 +97,24 @@ class ActionSheetContainer extends Component {
  }}
  >
  <Text style={{ color: "#757575" }}>{this.state.title}</Text>
  - <List
  + <FlatList
  style={{ marginHorizontal: -15, marginTop: 15 }}
  - dataArray={this.state.items}
  - renderRow={(data, i, id) => {
  + data={this.state.dataArray}
  + keyExtractor={(item, index) => item.id}
  + renderItem={({ item }) => {
  return typeof this.state.items[0] === "string" ? (
  <ListItem
  onPress={() => {
  - this.state.callback(parseInt(id));
  + this.state.callback(parseInt(item.id));
  this.setState({ modalVisible: false });
  }}
  - style={{ borderColor: "transparent" }}
  - >
  - <Text>{data}</Text>
  + style={{ borderColor: "transparent" }}>
  + <Text>{item.value}</Text>
  </ListItem>
  ) : (
  <ListItem
  onPress={() => {
  - this.state.callback(parseInt(id));
  + this.state.callback(parseInt(item.id));
  this.setState({ modalVisible: false });
  }}
  style={{ borderColor: "transparent" }}
  @@ -119,18 +122,18 @@ class ActionSheetContainer extends Component {
  >
  <Left>
  <Icon
  - name={data.icon}
  + name={item.value.icon}
  style={{
  - color: data.iconColor ? data.iconColor : undefined
  + color: item.value.iconColor ? item.value.iconColor : undefined
  }}
  />
  </Left>
  <Body style={{ borderColor: "transparent" }}>
  - <Text>{data.text}</Text>
  + <Text>{item.value.text}</Text>
  </Body>
  <Right />
  </ListItem>
  - );
  + )
  }}
  />
  </TouchableOpacity>
  