React Native を使用して画像グリッドを作成する

ReactNative で画像グリッドを構築するのを手伝ってほしいです。配列内のマップされたデータを使用して画像のグリッドを作成しようとしています。マッピング部分は正常に機能しますが、画像が希望どおりに配置されません。これが私が探しているものです（画像が赤い四角に配置されている場所）：これはこれまでの私のコードです：<ScrollViewstyle={{flex:1,backgroundColor:' yellow',}}>{data.map( image= >(<表示

P粉115840076 2024-02-21 10:40:48 0  2  313

SVG イメージを使用してレスポンシブ グリッド エリアを作成できません

SVG 画像を含むレスポンシブなグリッド領域を作成しようとすると、グリッド領域の幅が任意になったり、画像を停止せずに特定の点まで拡大または縮小したりできないなどの奇妙な動作が発生します。私が得た最も近いものは次のとおりでした: *{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr;background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16 0  1  543

jqueryで背景画像のURLアドレスを取得するにはどうすればよいですか?

jqueryで背景画像のURLアドレスを取得するにはどうすればよいですか?

仅有的幸福 2017-05-19 10:41:23 0  1  673

ionic Angular と ngfor でレスポンシブ グリッドを作成するにはどうすればよいですか?

ionicAngular と ngfor でレスポンシブなグリッドを作成するにはどうすればよいですか?グリッド テンプレートを説明するには、ここに画像の説明を入力します: <ion-grid><ion-row><ion-col><ion-item*ngFor="letprodofdisplayedList" class="item-entry"detailrouterLink=&quot

P粉106715703 2023-09-14 22:57:49 0  1  583

CSSグリッドを使用して画像を配置するにはどうすればよいですか?

CSSグリッドを使用してWebサイトの一部を構築しようとしています。リストと画像を同じ行に維持し、画面サイズが変更されたときに縮小/拡大するようにしようとしています。コードは以下に貼り付けられます。ご協力をよろしくお願いいたします。エラーがグリッド テンプレート内にあるのかどうか疑問に思っています。 .pm{表示:インライングリッド;最大幅:100%;位置:相対;マージン:自動;グリッドテンプレートエリア:"タイトルタイトル"

P粉463824410 2024-04-01 22:08:31 0  1  433

CSS グリッドの高さが期待したものと異なるという問題が発生しています。どのような間違いを犯している可能性がありますか?

私は現在 CSS グリッドを学習しており、このカードをグリッドに分割して作成するように依頼されました。作りたいグリッドの写真を添付し​​ます。実際には、これらすべてのカードが配置される大きなグリッド (CSS ではプロファイル グリッドと呼ばれます) があり、この大きなグリッドの高さは 255 ピクセルです。カードとカード内のグリッドの両方がこの 255 ピクセルの高さに従うようにしたいのですが、カード自体の高さは正しく取得できましたが、内側のグリッドの高さは正しくありません。内側のグリッド自体は 2 行で構成され、最初の行は高さ 150 ピクセルの画像、2 行目は

P粉875565683 2024-04-06 12:52:14 0  1  455

動的画像グリッドの生成: vue.js 使用ガイド

<テンプレート><q-pageclass="pagebg-brown-2q-pa-lg"><divv-for="xin15":key="x"class="lineflex-centerrow"><divv-for="yin24" :key=&quo

P粉904191507 2023-08-31 16:00:16 0  1  530

画像サイズがコンテナ制限を超えています

次のスクリーンショットを投稿しました。1 つの画像がコンテナーの制限を超えている一方で、他の画像は正しくスタックされていることが示されています。 CSSではまだ何もしていません。 enterimagedescriptionhere この特定の画像に対して特に max-width を使用しようとしましたが、すべての画像を含む div をグリッドとして表示するとすぐに制限を超えてしまいます。

P粉083785014 2023-08-14 20:13:56 0  1  544

CSS Grid を使用して div にグリッド システムを実装するにはどうすればよいですか?

2列のdivを作成したいのですが、親divに項目を追加する場合は最初の列に配置する必要があり、最初の列に3つの要素があり、他の項目を追加する場合は2番目の列に配置する必要があります。これが私が探している画像です: インターネット上で応答が見つかりませんでした。CSS グリッド ジェネレーターを試しましたが、結果がありませんでした。CSS グリッド ジェネレーターを使用しましたが、正しい答えが得られませんでした。

P粉195200437 2023-09-08 16:03:49 0  2  457

画像をトリミングして移動します。グリッドレイアウト

画像を正しい位置に配置し、上下をトリミングするのに苦労しています。これは次のようになります (ヒーロー部分): https://www.behance.net/gallery/161732057/CozyMornings-online-store プロジェクト全体はグリッド上に構築されます。円形の画像を左に移動し、コンテナより大きく、上下をトリミングする必要があります。さらに、応答性が高い必要があります。画像をパッケージに入れようとしています。このラッパーに相対位置を与え、オーバーフローを非表示にします。これではありません

P粉548512637 2023-09-15 19:18:46 0  1  582

グリッドを使用してこの特定のデザインを作成する: ステップバイステップ ガイド

この画像に似たレイアウトを作成しようとしています。このグリッドを使用してみましたが、実現できません。 <ulclass="container"><liclass="first"></li><liclass="first"></li><liclass="third"></li

P粉662361740 2024-04-06 20:29:08 0  2  801

リンク内の埋め込みボタン、onClick リンクのチェーン効果を停止する方法

以下の例のようなコードがあります。ユーザーを URL に送信するクリック可能なグリッド セルを作成しようとしていますが、埋め込み画像ボタンがクリックされたときに onClick イベントのみを発生させ、他のイベントは発生させないようにしたいのですが、これは可能ですか? stopPropagation への呼び出しを追加しようとしましたが、最初の onClick が処理された後も、基になるリンクにリンクされたままになります。 conshandleSaveClick=async(e,activity,index)=>{e.

P粉553428780 2023-08-17 21:31:04 0  1  427

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。 私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28 0  1  470

常に最後の行に少なくとも 2 つの項目が含まれるように項目をラップするにはどうすればよいですか?

画像の質問 私のクライアントは、もちろん、応答性の高い方法で車両をウェブサイトに掲載したいと考えています。ただし、既知の手法 (フレックス、グリッド) はすべて、最後の項目を次の行にラップします。絵でやろうとしたことですが、主人公にとっては非常に醜いものです。クライアントは次のことを望んでいます。 1 行あたり最大 5 つの項目 1 行あたり最低 2 つの項目 難しいのは、項目の数が動的である必要があることです。通常は 4 ～ 6 台の車ですが、次のように最後の 2 つの項目を選択できることがわかっています。item:nth-last-child(-n+2){order:2;/*setorde...

P粉023650014 2023-09-11 16:49:22 0  1  631

署名画像のパスをデータベースに保存できません

https://laratutorials.com/signature-pad-php-mysql-jquery/ を使用して署名パッドを作成します。問題は、[送信] をクリックしても、署名画像のパスがデータベースに保存されないことです。これは、upload.php <?phpinclude_once'../db_connect.php';$folderPath="upload/";$image_parts=explode のコードです。

P粉388945432 2024-02-17 12:52:43 0  1  337

javascript - 画像カルーセルタイマーの設定に関するネイティブ JS および jQuety

画像カルーセルについて、自動再生の設定: ネイティブ JS コードを使用する場合、現在 2 つの方法がわかっています。1 つ目: {code...} 2 つ目 (oBtnNext は取得したボタンを指します): { Code..問題は、jQuery($("#next") が使用された場合、上記と同等であるかどうかです...

大家讲道理 2017-07-05 10:58:00 0  1  1026

Bootstrap Grid システムを使用して、大画面で画像と進行状況バーの間のギャップを修正するにはどうすればよいですか?

まず、この図のアイデアを示します。 図 (1) この図では、md/lg 画面で進行状況バーが図の下にあり、テキストがその右側にあることがわかります。 。図 (2) では、画面サイズが小さい場合、テキストが 2 番目に表示され、進行状況バーが最後に表示されます。 「UTF-8」

P粉409742142 2023-09-14 10:56:03 0  1  617

javascript - jQuery File Upload プラグインに関する質問

ユーザーは、input="file" タグを使用して画像を選択します。ユーザーが選択した画像を処理のためにキャンバスに描画した後、base64 画像データを取得します。次に、この結果を jQuery ファイルにどのように入力するかが問題になります。アップロードして、ボタンをクリックします。アップロードについてはどうですか? {コード...}

淡淡烟草味 2017-06-10 09:49:07 0  1  625