小编Mic*_*iel的帖子

水平滚动条为ul

出于某种原因,我无法阻止UL和LI的包装.我希望UL的宽度恰好是一行中LI的宽度(没有包装),如果UL变得比nav-div(800px)宽,我想在导航中使用滚动条,这样我就可以滚动LI.

我用显示器,空白,宽度和高度做了很多尝试,但是如果我给UL一定的宽度,我只能让它工作.但是,这不是一个选项,因为页面是生成的,可以包含1-20个LI.

有没有人知道如何在不设置UL宽度的情况下制作滚动条?

HTML:

<div id="nav">
     <ul id="navbuttons">
          <li>Some text</li>
          <li>Some text</li>
          ...
     </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

div#nav
{
    height: 100px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

div#nav ul li
{
    margin-right: 15px;
    float: left;
    font-size: 12px;
    list-style-type: none;
}
Run Code Online (Sandbox Code Playgroud)

html css scrollbar html-lists

19
推荐指数
2
解决办法
4万
查看次数

当SectionList组件中的部分为空时,渲染"无内容"组件

请参阅https://facebook.github.io/react-native/docs/sectionlist.html

当其中一个Section是空的(例如数据prop是一个空数组)时,我仍然想渲染SectionHeader,但也渲染一个组件,指示该部分不包含数据.

我知道对于FlatList组件,这可以使用ListEmptyComponent prop,但是这对SectionList组件有什么作用?

我希望这样的东西(但它不起作用):

<SectionList
    style={styles.container}
    renderSectionHeader={({section}) => <SectionHeader title={section.title} />}
    sections={[
      {
        data: Object.values(this.props.teams),
        title: 'Teams',
        renderItem: this._renderTeamItem,
        keyExtractor: item => item.id,
        ListEmptyComponent: this._renderEmpty
      },
      {
        data: Object.values(this.props.invites),
        title: 'Invites',
        renderItem: this._renderInviteItem,
        keyExtractor: item => item.id,
        ListEmptyComponent: this._renderEmpty
      }
    ]}
  />
Run Code Online (Sandbox Code Playgroud)

react-native

7
推荐指数
3
解决办法
4283
查看次数

将 Expo Bare 转变为托管项目

我们将此项目作为 Bare Expo 项目开始,因为我们最初需要托管工作流不支持的本机功能。

我们已经删除了这些功能,现在想迁移到更简单的裸工作流。

我们已经删除了iosandroid文件夹并更新了我们的app.json文件。根据Expo 源代码,这应该可以解决问题。

然而,当我们尝试使用 构建我们的项目时expo build,Expo 仍然认为我们是一个 Bare 项目并且它抛出一个错误,因为它找不到/android/app/src/main/AndroidManifest.xml.

我们过去使用 Expo 构建了该应用程序,所以也许我们的工作流程是在 Expo 服务器上注册的某个地方?有没有办法切换到托管工作流?

我们已经尝试过创建expo init一个新项目并移过源代码,但这并没有奏效。

任何帮助将非常感激。

react-native expo

6
推荐指数
1
解决办法
148
查看次数

无法创建android版本:java.io.FileNotFoundException(../ node_modules/react-native/undefined)

从我的react-native项目的android文件夹项目执行./assembleRelease时,我收到以下错误:

12:47:38.876 [ERROR] [org.gradle.BuildExceptionReporter] Failed to capture snapshot of input files for task 'bundleReleaseJsAndAssets' during up-to-date check.
12:47:38.876 [ERROR] [org.gradle.BuildExceptionReporter] > java.io.FileNotFoundException: /Users/michiel/Sites/Erbij/erbij/node_modules/react-native/undefined (Operation not supported on socket)
Run Code Online (Sandbox Code Playgroud)

iOS版本很好,本地开发适用于Android和iOS.有没有人知道从哪里开始搜索?与试图运行--verbose,--info并且--debug,没有运气.

我也尝试剥离我的整个javascript代码,并让App.js成为渲染和清空视图的简单组件.

react-native react-native-android

3
推荐指数
1
解决办法
431
查看次数