Question

我想在StackNavigator中使用图像作为标题的标题。它在ios上工作正常，但无法在Android上运行：

<%= f.fields_for :images do |ff| %>
   <div class="form-group">
      <label>
        <%= ff.check_box :remove_image %>
          <%= image_tag ff.object.image %>
        </label>
      </div>
<% end %>

Answer 1

试试这个,,,,

  const navigationOptions = {
        header: ({navigate}) => ({
            left: (
<View style={{flexDirection:'row'}}>
                <TouchableOpacity
                    activeOpacity={1}
                    onPress={() => navigate('DrawerOpen')}>
                    <Image
                        style={styles.app_drawer}
                        source={require("../assets/ic_drawer.png")}
                    />
                </TouchableOpacity>

               <Image
            style={styles.app_logo}
            source={require("../assets/ctw_logo_white.png")}/>
</View>
            ),
            title: null,
            style: {backgroundColor: colors.purple},
        }),
    };

    const Stack = {
        [strings.route_cases]: {
            name: "Cases",
            screen: Object.assign(MainScreen, {navigationOptions}),
        },
        [strings.route_case_details]: {
            name: "Case Details",
            screen: CaseDetailsScreen,
        },
    };

为图像提供marginleft并进行调整

Answer 2

图像没有显示的原因是我没有为图像提供任何宽度，只要我指定图像出现在android上的宽度（不仅仅是高度）...还有我必须动态调整图像以准确显示在工具栏的中心。

如何在android上的react-navigation标题中将Image设置为标题？

2 个答案: