React Native で gorhom ボトムフォームの影を表示します。

私は gorhom/react-native-bottom-sheet ライブラリを使用しています。ユーザーが下部フォームを上下にスライドしたときにシャドウ ボックスを表示したいと考えています。これを達成するにはどうすればよいでしょうか?現在、isOpen時に表示するように設定していますが、スワイプ時に表示したいと考えています。また、isPressed が true の場合にシャドウ ボックスを表示するために、Touchable コンポーネントでラップしてみました。

P粉148434742 2023-07-27 23:12:57 0  1  551

ブートストラップ ボタンがアクティブなときに各ボタンに影/境界線を追加する CSS

フロントエンドの作成には React フレームワークを使用し、デザインには Bootstrap5.3 を使用しています。私の理解では、Bootstrap は標準でシャドウ効果を削除しました。したがって、ボタンがアクティブな場合、Bootstrap v5.0 のドキュメントのように、ボタンには影や境界線が表示されません。 https://getbootstrap.com/docs/5.0/components/buttons/ 残念ながら、コードで個々のボタンを直接カスタマイズする方法がわかりません。出来ますか

P粉256487077 2023-08-17 23:54:27 0  1  505

最近クリックした要素にクラスを割り当てる

TailwindCSS を使用してスタイル設定された次のようなカレンダーがあります。現在 8 Wednesday をクリックしているため、ピンクの背景とピンクの影が付いています。 7 番目の要素は前にクリックした要素です。そのため、ピンクの影だけが表示されます (ピンクの背景クラスは削除しましたが、ピンクの影はそのままにしました)。私が望むのは、以前にクリックした最新の要素を保持して、ピンクの影を追加できるようにすることですが、以前にクリックしたすべての要素ではなく、最新の要素にのみ追加します。私の JavaScript コードは次のようになります: //selectn

P粉021854777 2024-04-03 16:36:09 0  1  561

ios - スクリーンショットを撮った後、日付ピッカーのみが灰色と黒色の影で表示されます

ウィンドウ全体のスクリーンショットを撮りましたが、スクリーンショット後の写真は実際の写真と異なります。上記はスクリーンショットのコードです。上記はスクリーンショットの効果です。黒い影が発生するのはなぜですか?

三叔 2017-06-22 11:53:12 0  1  1248

SVGで差し込み影を作成する方法

CSS3 にインライン ボックス シャドウがあるのと同じように、インライン シャドウを持つボックスを作成する必要があります。私がこれまでに見つけたのは、feGaussianBlur を使用したフィルターですが、問題は、ボックスの外側にも影を追加してしまうことであり、これは望ましくありません。これはこれまでに得たコードです: <svg><defs><filterid="drop-shadow"><feGaussianBlurin="SourceA

P粉311089279 2023-10-21 15:57:11 0  2  697

背景や透明文字が切れてしまう

CSS を使用して、以下に示すように背景から透明なテキストを切り取る効果を作成する方法はありますか?画像がテキストに置き換わるため、貴重な SEO をすべて失うのは残念です。最初に影を考えましたが、何も思いつきませんでした...画像は Web サイトの背景で、絶対位置の <img> タグです

P粉439804514 2024-03-25 16:47:36 0  2  600

CSS: ドロップ シャドウのある Vuetify ダイアログ内の div からドロップ シャドウを削除します

CSSを使用してdivに三角形を追加したダイアログがあります。ただし、CSS のトリックは、境界線の一部が透明になることです。私が克服しようとしている問題は、ダイアログ自体から影を削除せずに、透明な境界線から影を削除することです。これを div に追加しても機能しません: box-shadow:none; これが削除したいものの図です: この三角形を作成する div のクラスは次のとおりです: .arrow-up{width:0;height: 0; 境界左:25pxsolidtransparent;

P粉826429907 2023-09-13 19:57:28 0  1  609

影付きクローンバージョンでメニューボタンをX字型に変形させるホバーエフェクトを作成します

まず初めに、タイトルが紛らわしいことを認めたいと思います。申し訳ありません。私が達成したいのは、ホバー時の次の効果です。私のウェブサイトはここです https://wordpress-493302-3130963.cloudwaysapps.com/ CSS トランジションを使用して達成したいことの半分は正常に達成されましたが、シャドウが表示されません上の画像に示されている作成ボタンのコピー。私のCSSは次のとおりです。cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21 0  2  456

CSSを使用してこの種のストロークと影を取得する方法

ストロークを試しましたが、結果が得られませんでした。この問題を解決する CSS を提案してください。また、テキストにシェーディングを加えてみました。 text-shadow:8px-2px0#fff4f4,-4px-6px0#fff,-6p​​x

P粉218775965 2023-09-11 17:49:18 0  1  491

「標準プロパティ 'box-shadow' も互換性のために定義されています」という警告を修正

スクロール ライブラリを使用しているのですが、VSCode で次の警告が表示されます: 標準プロパティ "box-shadow" も互換性のために定義されています。これを修正するか、少なくとも VSCode の警告を無視するにはどうすればよいですか? .scrollbar-black::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset006pxrgba(0,0,0,0.1);background-color:#000;}

P粉412533525 2023-10-18 00:00:05 0  2  697

JSを使用せずにシャドウルートのクラスをターゲットにする方法は?

シャドウルートを持つ HTML 要素があるとします。 <my-element>#shadow-root<divclass='need-target-this'/></my-element>Shadowroot 内に div を配置するにはどうすればよいですか? :host(my-element.need-target-this) を使用してみましたが、役に立ちませんでした。ここで何が欠けているのでしょうか？

P粉610028841 2024-03-30 12:47:21 0  2  453

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  822

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  724

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  615

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  577

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1004

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  506

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  698