更新属性' nativeActions'时出错由ToolbarAndroid管理的视图

时间:2016-05-11 16:48:02

标签: react-native

您好我在ReactNative中对ToolbarAndroid设置操作时遇到上述错误。可以请有人帮我查明原因。 非常感谢 我的代码

<ToolbarAndroid
                  style={styles.toolbar}
                  title="TestApp"
                  titleColor={Colors["ActionBarText"]}
                  navIcon={require('image!ic_launcher')}
                  contentInsetStart={50}
                  actions={[{title: 'Sync', icon:require('./res/image/action_sync_icon.png'), show: 'always'}]}
                  onActionSelected={this.onActionSelected}
                />

Error Screenshot

3 个答案:

答案 0 :(得分:1)

使用ToolbarAndroid组件时收到类似错误。当我从show: 'always'数组中删除actions时,一切正常。

当你告诉它总是显示动作菜单项并且NavBar上没有空间来显示它时,似乎存在一个问题。

所以它应该是:

<ToolbarAndroid
    style={styles.toolbar}
    title="TestApp"
    titleColor={Colors["ActionBarText"]}
    navIcon={require('image!ic_launcher')}
    contentInsetStart={50}
    actions={[
        { title: 'Sync', icon:require('.res/image/action_sync_icon.png') }
    ]}
    onActionSelected={this.onActionSelected}
/>

答案 1 :(得分:1)

这种情况正在发生,因为AppTheme应该扩展AppCompatTheme以显示菜单项

以下添加到Android Manifest

            android:theme="@style/AppTheme"

并定义了风格

<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
</style>

这解决了问题

答案 2 :(得分:0)

如果您在iconName内传递了在字体源中找不到的actions属性,也会发生react-native-vector-icons。

或者如果您在icon内传递了actions属性,那就没有意义。