小编Ohs*_*sik的帖子

React Native SafeAreaView背景颜色 - 如何为屏幕的顶部和底部分配两种不同的背景颜色?

我使用的SafeAreaView是React Native 0.50.1,除了一部分外,它的工作效果非常好.我将橙色背景颜色分配给SafrAreaView,但无法弄清楚将底部不安全区域背景更改为黑色.

这是代码,我包括预期的结果和实际结果.将屏幕底部变为黑色而不是橙色的最佳方法是什么?

import {
  ...
  SafeAreaView
} from 'react-native';
class Main extends React.Component {
  render() {
    return (
      <SafeAreaView style={styles.safeArea}>
        <App />
      </SafeAreaView>
    )
  }
}
const styles = StyleSheet.create({
  ...,
  safeArea: {
    flex: 1,
    backgroundColor: '#FF5236'
  }
})
Run Code Online (Sandbox Code Playgroud)

我想要橙色的顶部和黑色的底部.

但下面是我现在得到的.

react-native iphone-x

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

Aws Cognito:如何在用户注册时将用户分配给用户组

我在aws cognito中有以下用户组.管理员付费会员

我想在注册我的应用程序时将所有用户分配给成员用户组作为默认用户,这样我就可以在该用户组上分配不同的IAM角色.

如何以编程方式将用户分配给用户组?

javascript authentication aws-sdk aws-cognito

8
推荐指数
1
解决办法
5647
查看次数

使用 nextToken 的 AppSync GraphQL 查询

我的schema.graphql文件graphql/queries.js通过运行amplify push命令在文件中自动生成以下查询。

这是自动生成查询的架构文件。

模式.graphql

type User @model {
  id: String!
  uuid: String!
  following: [String]
  follower: [String]
  posts: [Post] @connection(name: "Userposts", sortField: "createdAt")
}

type Post 
  @model
  @auth(
    rules: [
      { allow: owner },
      { allow: groups, groups: ["Admin"] }
    ]
  ) {
  id: ID!
  author: User! @connection(name: "Userposts")
  status: Status!
  draft: Boolean
  content: AWSJSON!
  loved: [String]
  comments: [Comment] @connection(name: "PostComments", sortField: "createdAt")
  createdAt: AWSDateTime
    updatedAt: AWSDateTime
}

enum Status {
  PRIVATE
  PUBLIC
}
Run Code Online (Sandbox Code Playgroud)

这是模式 …

graphql aws-appsync aws-amplify

8
推荐指数
1
解决办法
5120
查看次数

在 WKUIDelegate SwiftUI 上实现 Javascript 警报并确认?

由于我是 Swift 新手,我不确定如何为 Swift 编写一个函数,以从 Web 应用程序中进行交互式 Javascript 警报和确认。我正在使用 SwiftUI 创建一个 Web 应用程序,需要为我的 Swift Web 应用程序实现一个功能,以从 Web 应用程序正确显示 Javascript 警报和确认。

这是我到目前为止的代码。

import SwiftUI
import WebKit

struct Webview : UIViewRepresentable {
    let request: URLRequest
    var webview: WKWebView?

    init(web: WKWebView?, req: URLRequest) {
        self.webview = WKWebView()
        self.request = req
    }

    class Coordinator: NSObject, WKUIDelegate {
        var parent: Webview

        init(_ parent: Webview) {
            self.parent = parent
        }

        // Delegate methods go here

        func webView(_ webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: …
Run Code Online (Sandbox Code Playgroud)

javascript swift swiftui

8
推荐指数
1
解决办法
1226
查看次数

AWS Cognito无法在CognitoIdentityCredentials上设置凭证

我在设置AWS Cognito的凭证时遇到问题。

我有以下来自用例4的AWS amazon-cognito-identity-js的代码。

AWS.config.credentials = new AWS.CognitoIdentityCredentials({
            IdentityPoolId : '...', // your identity pool id here
            Logins : {
                // Change the key below according to the specific region your user pool is in.
                'cognito-idp.<region>.amazonaws.com/<YOUR_USER_POOL_ID>' : result.getIdToken().getJwtToken()
            }
        });
Run Code Online (Sandbox Code Playgroud)

我检查了,我传送给正确的IdentityPoolIdLoginsCognitoIdentityCredentials的方法,但我得到了一个未定义的accessKeyId和sessionToken作为回报。

以下是我得到的。 CognitoIdentityCredentials {expired: true, expireTime: null, accessKeyId: undefined, sessionToken: undefined, params: Object…}

任何想法如何解决这个问题?

amazon-web-services aws-sdk aws-cognito

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

如何将 WKUIDelegate 实现到 SwiftUI WKWebView 中?

我正在 Xcode v11 上创建一个 Web 应用程序,但在实现 WKUIDelegate 以显示 Javascript 警报并在 Web 应用程序上正确确认时遇到问题。

我在 ContentView.swift 上有一个非常简单的 webview 应用程序,其中包含以下代码,但不确定如何WKUIDelegate使用此代码正确实现。

import SwiftUI
import WebKit

struct Webview : UIViewRepresentable {
    let request: URLRequest
    var webview: WKWebView?

    init(web: WKWebView?, req: URLRequest) {
        self.webview = WKWebView()
        self.request = req
    }

    func makeUIView(context: Context) -> WKWebView  {
        return webview!
    }

    func updateUIView(_ uiView: WKWebView, context: Context) {
        uiView.load(request)
    }

    func goBack(){
        webview?.goBack()
    }

    func goForward(){
        webview?.goForward()
    }

    func reload(){
        webview?.reload()
    }
}

struct ContentView: View …
Run Code Online (Sandbox Code Playgroud)

swift wkwebview swiftui

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

如何在DynamoDB中使用“包含”进行搜索

我正在尝试在我的React应用程序上执行搜索功能。

我有此DynamoDB表:

---------------------
movie_id | movie_name
---------------------
1        | name a
---------------------
2        | name b
---------------------
Run Code Online (Sandbox Code Playgroud)

我想要一个搜索功能来搜索React应用程序的搜索输入中的“ b”,并从数据库中获取“名称b”。

我尝试过但没有query用,CONTAINS而且似乎也不是正确的方法。

const SEARCH_KEYWORD = "b";

let params = {
   TableName : 'TABLE_NAME',
   KeyConditionExpression: "contains(#movie_name, :movie_name)",
   ExpressionAttributeNames:{
     "#movie_name": 'movie_name'
   },
   ExpressionAttributeValues:{
       ":movie_name": SEARCH_KEYWORD
   }
};
documentClient.query(params, function(err, data) {
  console.log(data);
});
Run Code Online (Sandbox Code Playgroud)

使用DynamoDB在React应用上创建搜索功能的最佳方法是什么?

通过搜索关键字运行查询以检查数据是否包含关键字值甚至有意义吗?

javascript amazon-web-services amazon-dynamodb reactjs serverless-framework

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

DynamoDB查询依据包含Node.js数组中的值之一

是否可以使用[apple, orange]类别数组(也是一个数组,如下所示)进行查询,并获取包含apple或值的数据orange

row1 | "category": [apple, orange, banana, watermelon]
row2 | "category": [banana, watermelon]
row3 | "category": [orange, watermelon]
Run Code Online (Sandbox Code Playgroud)

我期望得到row1, row3包含apple或的结果orange

javascript node.js amazon-dynamodb

5
推荐指数
2
解决办法
4612
查看次数

如何修复解析错误:无法在异步函数之外使用关键字“await”

Parsing error: Can not use keyword 'await' outside an async function从下面的 Redux 操作代码中收到一条错误消息。

写这个的正确方法是什么?

export async function getData() {
  return (dispatch) => {
    try {
      const data = await API.graphql(graphqlOperation(query))
      dispatch({ type: "DATA_AVAILABLE", data: data.data.listData.items });
    } catch(err) {
      console.log('error: ', err)
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript asynchronous redux

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

AWS Amplify 对 Next js Image API 的支持

Amplify 的文档显示,当前版本的 Amplify 尚不支持Next.js 的 Image API。有谁知道 Amplify 团队是否有计划支持 Image API(如果有),什么时候发布?

next.js aws-amplify

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

AWS Appsync 架构错误(资源未处于 stackUpdateComplete 状态)

使用 AWS Appsync 开发 React 应用程序并首次尝试 graphQL。我的schema.graphql对我来说是有意义的,但抛出一个错误,我真的不知道如何查看发生了什么。

这是一个用户可以通过通知系统发帖和评论的应用程序。收到Resource is not in the state stackUpdateComplete错误消息amplify push

type User @model {
  id: ID!
  following: [User]
  follower: [User]
  post: [Post] @connection(name: "UserPost")
  comment: [Comment] @connection(name: "UserComment")
  notification: [Notification] @connection(name: "UserNotification")
}

type Post @model {
  id: ID!
  user: User! @connection(name: "UserPost")
  privacy: String!
  content: String!
  loved: [User]
  comment: [Comment] @connection(name: "PostComment")
}

type Comment @model {
  id: ID!
  user: User! @connection(name: "UserComment")
  content: String!
  loved: [User]
  post: Post …
Run Code Online (Sandbox Code Playgroud)

amazon-web-services graphql aws-appsync aws-amplify

2
推荐指数
1
解决办法
3464
查看次数

CSS 网格填充在水平滚动的最后一个项目上,使用 grid-auto-flow: column;

右侧的填充不会显示在最后一项的右侧。我如何让它像第一个项目的左侧一样显示。

第一个项目的左侧填充 在此输入图像描述

在最后一个项目上向右填充(有右侧填充,但它没有在最后一个项目的右侧留出空间 在此输入图像描述

.Container {
  max-width: 800px;
  margin: 0 auto;
}

.book-list {
  overflow: scroll;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  padding: 0 8px 16px 8px;
}

.book-list div{
  width: 100px;
  height: 140px;
  border: 1px solid #333;
}
Run Code Online (Sandbox Code Playgroud)
<div class="Container book-list" }>
  <div>
    <span>Book Name</span>
  </div>
  <div>
    <span>Book 1</span>
  </div>
  <div>
    <span>Book Name</span>
  </div>
  <div>
    <span>Book 1</span>
  </div>
  <div>
    <span>Book Name</span>
  </div>
  <div>
    <span>Book 1</span>
  </div>
  <div>
    <span>Book Name</span>
  </div>
  <div>
    <span>Book 1</span>
  </div>
  <div>
    <span>Book Name</span>
  </div>
  <div>
    <span>Book …
Run Code Online (Sandbox Code Playgroud)

css css-grid

2
推荐指数
1
解决办法
1054
查看次数

AWS Lambda流程条带费用

我是Lambda的新手并试图弄清楚如何处理Lambda函数中的Stripe电荷.

我的应用程序从Stripe API创建令牌,现在我需要将该令牌发送到Lambda函数来执行Stripe.customers.createStripe.charges.create.

以下是我遇到的问题

  1. 我不知道如何加载<script type="text/javascript" src="https://js.stripe.com/v2/"></script>Lambda函数,所以我可以使用Stripe函数

  2. 很想得到一个示例代码,通过令牌收取信用卡

谢谢.

javascript lambda amazon-web-services stripe-payments aws-lambda

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