无法将我的复选框样式设置为 `alignSelf: 'flex-end'` 或 `right: 0`

我无法将我的复选框设置为alignSelf: 'flex-end'or right: 0。

我想将复选框放在顶部和右侧，但照片上有奇怪的填充。我尝试了许多不同的风格，但没有一个有效。:(

这是 FlatList 的 renderItem()

    <TouchableWithoutFeedback
       style={{flex:1}}
      onPress={() => this._handleImagePress(item.id, item.outfit_img)}>
      <View style={{flex: 1}}>
        <Image
          key={item.id}
          source={{uri: item.outfit_img}}
          style={styles.rowImage}
          resizeMode="cover"
        />
        <CheckBox checked={isSelected} style={{marginLeft:2, marginTop:2, position:'absolute', alignSelf: 'flex-end'}}/>
      </View>
    </TouchableWithoutFeedback>

这是 FlatList 函数

  render() {
    return (
      <View style={styles.root}>
        <FlatList
          data={this.props.outfits}
          extraData={this.state.selectedStyles}
          keyExtractor={this._keyExtractor}
          renderItem={this._renderItem}
          numColumns={3}
          renderHeader={this._renderHeader}/>
      </View>
    );
  }

UPDATE FIX我猜 Native-Base Checkbox 在样式上很糟糕。这是工作版本。有什么优化吗？或更好的选择？

<TouchableWithoutFeedback
       style={{flex:1}}
      onPress={() => this._handleImagePress(item.id, item.outfit_img)}>
      <View style={styles.rowImage}>
        <Image
          key={item.id}
          source={{uri: item.outfit_img}}
          style={styles.rowImage}
          resizeMode="cover"
        />
        <View style={{height:32, width:32, position:'absolute', top:0, right:0, marginTop:4, paddingRight:12}}>
          <CheckBox checked={isSelected} color="#f64e59"/>
        </View>
      </View>
    </TouchableWithoutFeedback>