小编sbq*_*bqq的帖子

使用自定义扩展加载资产不起作用

我正在尝试在 react-native 中实现我的第一个应用程序,我需要从保存在我的项目文件夹中的静态文件中打开数据库。

我读到我需要允许从资产加载自定义扩展文件,所以我将以下片段添加到我的app.json文件中:

"packagerOpts": {
    "assetExts": ["sqlite", "db"]
},
Run Code Online (Sandbox Code Playgroud)

接下来,我尝试在我的 App.js 组件中使用 .sqlite 或 .db 扩展名导入这个静态文件componentDidMount()

componentDidMount = async () => {
  await Expo.FileSystem.downloadAsync(
    Expo.Asset.fromModule(require("./assets/db/local.db")).uri,
    `${Expo.FileSystem.documentDirectory}SQLite/local.db`
  );

  SQLite.openDatabase("local.db");
};
Run Code Online (Sandbox Code Playgroud)

但世博会建设者一直在说Unable to resolve "./assets/db/local.db" from "App.js"。请问有什么建议吗?

reactjs react-native expo

7
推荐指数
2
解决办法
4729
查看次数

React Native Image resizeMode:覆盖底部定位

大家好,我有图像定位问题。我想实现像 resizeMode="cover" + background-position: "bottom" 一样定位我的图像。因此,如果图像溢出,我需要让图像从屏幕底部绘制并从侧面和顶部“裁剪”。这样的事情甚至可能吗?我目前的代码是:

<View style={{
  height: ILLUSTRATION_HEIGHT,
  width: ILLUSTRATION_WIDTH,
  position: "relative",
  overflow: "hidden"
}}>
    <Image
      width={ILLUSTRATION_WIDTH}
      height={ILLUSTRATION_HEIGHT}
      resizeMode="cover"
      source={{ uri: "illustration" }}
      style={{
        position: "absolute",
        bottom: 0,
        width: "100%",
        height: "100%"
        }}
      />
</View>
Run Code Online (Sandbox Code Playgroud)

也许我没有很好地描述它,所以这里是我想要实现的目标的图片:

我想要达到的目标

注:虚线部分是Image的部分,实际是全图显示。

非常感谢!

reactjs react-native

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

Flatlist 每个滑动手势最多滚动一项

我有 FlatList 元素:

<FlatList
    ref={listRef}
    data={data}
    onLayout={_onLayoutDimensionsChanged}
    keyExtractor={_keyExtractor}
    renderItem={_renderItem}
    initialScrollIndex={initialScrollIndex}
    onViewableItemsChanged={onViewableItemsChanged}
    viewabilityConfig={{ itemVisiblePercentThreshold: 50 }}
    ItemSeparatorComponent={ItemSeparator}
    snapToInterval={totalItemWidth}
    decelerationRate={0.0}
    getItemLayout={(data, index) => ({
      length: totalItemWidth,
      offset: totalItemWidth * index,
      index
    })}
    initialNumToRender={2}
    showsHorizontalScrollIndicator={false}
    removeClippedSubviews
    bounces
    horizontal
  />
Run Code Online (Sandbox Code Playgroud)

其中 totalItemWidth 是:

totalItemWidth = itemsWidth + SEPARATOR_SIZE;
Run Code Online (Sandbox Code Playgroud)

我想实现的是滑动手势将以最大移动一个项目,但即使有减速比设定到decelerationRate={0.0},如果我用我的手指轻扫有点快于正常刷卡的速度是我的名单刷甚至2项。

有什么办法可以防止那里的双刷吗?我正在实施图片库,因此当用户可以一次滑动两张照片时,它对用户不是很友好。

非常感谢!

react-native

5
推荐指数
1
解决办法
1408
查看次数

Cordova + 在开发模式下进行热重载反应

我发现这个问题Cordova 与 Create-react-app

当我处于开发模式且应用程序在 Android 模拟器中运行时,我是否能够实现实时重新加载?我担心每次我想看到变化时都必须构建应用程序。

cordova是否能够观看在开发模式下运行的react-app并通过index.js监听更改来读取源代码?

假设我想实现这样的目标:

  1. 创建科尔多瓦项目。
  2. 在 /www 文件夹(或任何其他适合我的用例的文件夹...)中创建 React 项目。
  3. 从 root运行cordova run android以在 Android Simulator 中和 /www 目录中运行应用程序npm start
  4. cordova 应该能够监听 Android 模拟器中的更改并实时重新加载 React 应用程序。
  5. 我需要能够访问 React 代码中的 cordova 实例才能使用插件等。

我找到了一些 webpack-server-dev (使用 webpack v1...)相关的解决方案,但它们似乎都不起作用,我需要重新启动cordova run android命令才能查看代码中的更改。否则,这些模板不提供在开发模式下访问 cordova 插件实例的功能

那么真的是开发cordova + React应用程序的唯一方法吗npm buildcordova run android

注 1:我想使用 SQLite cordova plguin,因此在仅浏览器模式下进行开发,然后在完成后为 android/ios 构建应用程序,我认为这不是我的情况。请问您有什么建议吗?

注意 2:我无法使用react-native,因为我需要使用openlayers 地图库。

非常感谢您的回答!

cordova reactjs webpack

4
推荐指数
1
解决办法
3815
查看次数

Nest.js - 清理请求正文

我想问一下nestjs是否提供了某种请求体转义来防止XSS攻击。

如果没有,是否有任何“最佳实践”来实现这种保护?

谢谢!

node.js express nestjs

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

标签 统计

react-native ×3

reactjs ×3

cordova ×1

expo ×1

express ×1

nestjs ×1

node.js ×1

webpack ×1